| <script> | |
| import { Meta, Template, Story } from "@storybook/addon-svelte-csf"; | |
| import Slider from "./Index.svelte"; | |
| </script> | |
| <Meta title="Components/Slider" component={Slider} /> | |
| <Template let:args> | |
| <Slider {...args} /> | |
| </Template> | |
| <Story | |
| name="Slider with min 0 and max 100" | |
| args={{ | |
| minimum: 0, | |
| maximum: 100 | |
| }} | |
| /> | |
| <Story | |
| name="Slider with step of 10" | |
| args={{ | |
| step: 10 | |
| }} | |
| /> | |
| <Story | |
| name="Slider with hidden label" | |
| args={{ | |
| show_label: false | |
| }} | |
| /> | |
| <Story | |
| name="Slider with min 0 and max 100 and default value of 50" | |
| args={{ | |
| value: 50, | |
| minimum: 0, | |
| maximum: 100 | |
| }} | |
| /> | |