@wonderflow/react-components/dist/components/slider/slider.stories.js

UI components from Wonderflow's Wanda design system

import { jsx as _jsx } from "react/jsx-runtime";
import { Slider } from './slider';
const story = {
    title: 'Inputs/Slider',
    component: Slider,
    args: {
        min: 0,
        max: 100,
        step: 1,
        defaultValue: 0,
        showValues: false,
        dimension: 'regular',
        disabled: false,
    },
    argTypes: {
        showValues: {
            options: [true, false],
            control: { type: 'inline-radio' },
        },
    },
};
export default story;
const Template = args => _jsx(Slider, { ...args });
export const Default = Template.bind({});
export const WithValues = Template.bind({});
WithValues.args = {
    showValues: true,
};
export const WithIcons = Template.bind({});
WithIcons.args = {
    iconMin: 'moon',
    iconMax: 'sun-bright',
};
export const WithLabel = Template.bind({});
WithLabel.args = {
    iconMin: 'moon',
    iconMax: 'sun-bright',
    label: 'Label',
    disabled: false,
};