storybook/docs/snippets/web-components/csf-2-example-starter.ts.mdx

```ts
// CSF 2

import type { Meta, Story } from '@storybook/web-components';

import { html } from 'lit-html';

export default {
  title: 'components/Button',
  component: 'demo-button',
} as Meta;

export const Primary: Story = ({ primary }) =>
  html`<demo-button ?primary=${primary}></demo-button>`;
Primary.args = {
  primary: true,
};
```