storybook/docs/snippets/web-components/my-component-story-basic-and-props.ts.mdx

```ts
// MyComponent.stories.ts

import { html } from 'lit';

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

const meta: Meta = {
  title: 'Path/To/MyComponent',
  component: 'my-component',
};

export default meta;
type Story = StoryObj;

export const Basic: Story = {};

export const WithProp: Story = {
  render: () => html`<my-component prop="value" />`,
};
```