wix-style-react/src/Slider/docs/Slider.demo.js

wix-style-react

import React from 'react';
import Slider from '..';
import FormField from '../../FormField';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';

export default () => {
  const [value, setValue] = React.useState(50);

  return (
    <StorybookComponents.Stack flexDirection="column" width="50%">
      <FormField label="Opacity" suffix={value}>
        <Slider
          onChange={setValue}
          min={0}
          max={100}
          value={value}
          displayMarks={false}
        />
      </FormField>
    </StorybookComponents.Stack>
  );
};