taurean.bryant.land
a template starter repo for sveltekit projects
1<script module>
2 import { defineMeta } from '@storybook/addon-svelte-csf';
3 import Accordion from '$lib/components/ui/Accordion.svelte';
4
5 const { Story } = defineMeta({
6 title: 'UI/Accordion',
7 component: Accordion,
8 tags: ['autodocs']
9 });
10</script>
11
12{#snippet sectionOne()}
13 <p>Content for section 1.</p>
14{/snippet}
15
16{#snippet sectionTwo()}
17 <p>Content for section 2.</p>
18{/snippet}
19
20<Story name="Single">
21 <Accordion
22 items={[
23 { value: 'item-1', title: 'Section 1', content: sectionOne },
24 { value: 'item-2', title: 'Section 2', content: sectionTwo }
25 ]}
26 type="single"
27 />
28</Story>
29
30<Story name="Multiple">
31 <Accordion
32 items={[
33 { value: 'item-1', title: 'Section 1', content: sectionOne },
34 { value: 'item-2', title: 'Section 2', content: sectionTwo }
35 ]}
36 type="multiple"
37 />
38</Story>