storybook/docs/_snippets/csf-2-example-story.md

// Other imports and story implementation
export const Default: Story = (args) => ({
  props: args,
});

// Other imports and story implementation
export const Default = (args) => <Button {...args} />;

// Other imports and story implementation
export const Default: ComponentStory<typeof Button> = (args) => <Button {...args} />;

// Other imports and story implementation
export const Default = (args) => <Button {...args} />;

// Other imports and story implementation
export const Default: ComponentStory<typeof Button> = (args) => <Button {...args} />;

// Other imports and story implementation
export const Default = (args) => ({
  Component: Button,
  props: args,
});

// Other imports and story implementation
export const Default: StoryFn<typeof Button> = (args) => ({
  Component: Button,
  props: args,
});

// Other imports and story implementation
export const Default = (args) => ({
  components: { Button },
  setup() {
    return { args };
  },
  template: '<Button v-bind="args" />',
});

// Other imports and story implementation
export const Default: StoryFn<typeof Button> = (args) => ({
  components: { Button },
  setup() {
    return { args };
  },
  template: '<Button v-bind="args" />',
});

// Other imports and story implementation

export const Default = ({ primary, size, label }) =>
  html`<custom-button ?primary="${primary}" size="${size}" label="${label}"></custom-button>`;

// Other imports and story implementation

export const Default: Story = ({ primary, backgroundColor, size, label }) =>
  html`<custom-button ?primary="${primary}" size="${size}" label="${label}"></custom-button>`;