Tag !dev wont work

[laisnogueira]

Summary

i put tag !dev at my stories i need to hide from the sidebar, but it seems it doesnt work. Anyone was able to make it?

I only need my story overview to apper on the side bar, the rest needs to be hidden.

Can anyone tell me is it possible?

Additional information

import type { Meta, StoryObj } from "@storybook/react";
import { withPerformance } from "storybook-addon-performance";
import ButtonAction from "./button-action.playground";

// Config metadata
const meta: Meta<typeof ButtonAction> = {
  title: "Atoms/ButtonAction",
  component: ButtonAction,
  decorators: [withPerformance],
  parameters: {
    docs: {
      canvas: { sourceState: "hidden" },
    },
  },
  argTypes: {
    size: {
      name: "size",
      description: "Determina o tamanho do botão. Aceita valores padrão de tamanho `tiny_40` | `small_40` | `normal_44` | `big_56` .",
      options: ["tiny_40", "small_40", "normal_44", "big_56"],
      control: { type: "radio" },
    },

    color: {
      name: "color",
      description: "Especifica o valor da cor do botão. Aceita valores padrão de cor `confirmation` | `brand`.",
      options: ["confirmation", "brand", "danger", "success", "warning"],
      control: { type: "radio" },
      type: { required: true },
    },

    text: {
      name: "text",
      description: "Determina o texto do botão.",
    },

    leftIcon: {
      name: "leftIcon",
      description:
        "Objeto a esquerda, com a propriedades: `iconName` : o nome do ícone.",
    },

    rightIcon: {
      name: "rightIcon",
      description:
        "Objeto a direita, com a propriedades: `iconName` : o nome do ícone.",
    },

    onPress: {
      name: "onPress",
      description: "A função que será executada ao clicar no botão.",
    },

    isSingleIcon:{
      name:"isSingleIcon",
      description: "É usada para determinar se o botão possui um único ícone sem texto."
    }

  },
};

export default meta;

// Stories
type Story = StoryObj<typeof ButtonAction>;

export const overview: Story = {
  parameters: {
    docs: {
      canvas: {
        
      },
    },
  },
  name:'overview',
  args: {
    color: "confirmation",
    size: "tiny_40",
    leftIcon: {
      iconName: "file",
    },
    rightIcon: {
      iconName: "arrow-right",
    },
    text: {
      text: "Iniciar check-in",
    },
    onPress: () => alert("clicou"),
    
  },
};

export const first: Story = {
  parameters: {
    docs: {
      canvas: {
        
      },
    },
  },
  tags:['!dev'],
  name:'first',
  args: {
    color: "confirmation",
    size: "tiny_40",
    text: {
      text: "Iniciar check-in",
    },
    onPress: () => alert("clicou"),
    
  },
};

export const second: Story = {
  parameters: {
    docs: {
      canvas: {
        story: "second", 
      },
    },
  },
  tags:['!dev'],
  name:'second',
  args: {
    color: "confirmation",
    size: "tiny_40",
    text: {
      text: "Iniciar check-in e contabilizar tempo!",
    },
    onPress: () => alert("clicou"),
    
  },
};

Create a reproduction

No response

[shilman]

What version of Storybook are you using? It should work in the latest version of Storybook.

npx storybook@latest upgrade