File size: 820 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 |
<script>
import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
import ColorPicker from "./Index.svelte";
</script>
<Meta title="Components/Color Picker" component={ColorPicker} argTypes={{}} />
<Template let:args>
<ColorPicker value="Color Picker" {...args} />
</Template>
<Story name="Default" />
<Story
name="Color Picker with a color value and hidden label"
args={{ value: "#FFC0CB", show_label: false, interactive: true }}
/>
<Story
name="Color Picker with a color value and label"
args={{ value: "#FFC0CB", label: "This is a neat color", interactive: true }}
/>
<Story
name="Disabled color picker"
args={{ value: "#FFC0CB", interactive: false }}
/>
<Story
name="Color Picker with a color value and info"
args={{ value: "#FFC0CB", info: "This is a neat color", interactive: true }}
/>
|