File size: 852 Bytes
a03b3ba
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<script>
	import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
	import Checkboxgroup from "./Index.svelte";
</script>

<Meta
	title="Components/Checkboxgroup"
	component={Checkboxgroup}
	argTypes={{
		disabled: {
			control: [true, false],
			description: "Whether the checkbox group is disabled",
			name: "interactive",
			value: false
		}
	}}
/>

<Template let:args>
	<Checkboxgroup {...args} />
</Template>

<Story
	name="Checkbox Group"
	args={{
		value: ["swim", "run"],
		choices: [
			["run", "run"],
			["swim", "swim"],
			["jump", "jump"]
		],
		label: "Checkbox Group"
	}}
/>
<Story
	name="Checkbox Group with Different Names and Values"
	args={{
		value: ["jump", "jump again"],
		choices: [
			["run", "run"],
			["swim", "swim"],
			["jump", "jump"],
			["jump", "jump again"]
		],
		label: "Multiselect Dropdown"
	}}
/>