File size: 868 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 49 |
<script>
import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
import Multiselect from "./shared/Multiselect.svelte";
import { format } from "svelte-i18n";
import { get } from "svelte/store";
</script>
<Meta
title="Components/Multiselect"
component={Multiselect}
argTypes={{
multiselect: {
control: [true, false],
name: "multiselect",
value: false
}
}}
/>
<Template let:args>
<Multiselect {...args} i18n={get(format)} />
</Template>
<Story
name="Multiselect Interactive"
args={{
value: ["swim", "run"],
choices: [
["run", "run"],
["swim", "swim"],
["jump", "jump"]
],
label: "Multiselect Dropdown"
}}
/>
<Story
name="Multiselect Static"
args={{
value: ["swim", "run"],
choices: [
["run", "run"],
["swim", "swim"],
["jump", "jump"]
],
label: "Multiselect Dropdown",
disabled: true
}}
/>
|