docs/snippets/html/your-component.js.mdx
```js
// YourComponent.stories.js
import { createYourComponent } from './YourComponent';
// π This default export determines where your story goes in the story list
export default {
/* π The title prop is optional.
* See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'YourComponent',
};
// π We create a βtemplateβ of how args map to rendering
const Template = (args) => createYourComponent(args);
export const FirstStory = Template.bind({});
FirstStory.args = {
// π The args you need here will depend on your component
};
```