---
source: crates/vize_musea/src/lib.rs
expression: csf
---
CsfOutput {
code: "import type { Meta, StoryObj } from '@storybook/vue3';\nimport __museaComponent from './Button.vue';\n\nconst __museaMeta: Meta<typeof __museaComponent> = {\n title: 'atoms/Button',\n component: __museaComponent,\n tags: ['autodocs', 'ui', 'input'],\n parameters: {\n docs: {\n description: {\n component: 'A versatile button component',\n },\n },\n },\n};\n\nexport default __museaMeta;\ntype __MuseaStory = StoryObj<typeof __museaMeta>;\n\nexport const Primary: __MuseaStory = {\n render: (args) => ({\n components: { __museaComponent, Component: __museaComponent, Button: __museaComponent },\n setup() {\n return { args };\n },\n template: `<Button variant=\"primary\">Primary Button</Button>`,\n }),\n parameters: {\n docs: {\n canvas: { sourceState: 'shown' },\n },\n },\n};\n\nexport const Secondary: __MuseaStory = {\n render: (args) => ({\n components: { __museaComponent, Component: __museaComponent, Button: __museaComponent },\n setup() {\n return { args };\n },\n template: `<Button variant=\"secondary\">Secondary Button</Button>`,\n }),\n};\n\nexport const WithIcon: __MuseaStory = {\n name: 'With Icon',\n render: (args) => ({\n components: { __museaComponent, Component: __museaComponent, Button: __museaComponent },\n setup() {\n return { args };\n },\n template: `<Button variant=\"primary\" icon=\"plus\">Add Item</Button>`,\n }),\n};\n\n",
filename: "Button.stories.ts",
}