@eureca/eureca-ui/src/components/Slider/stories/slider.stories.js

UI component library of Eureca's user and admin apps

import React, { useState } from 'react';

import { Slider as SliderComponent } from '../';
import { withKnobs } from '@storybook/addon-knobs';

export default { title: 'Material/Slider', decorators: [withKnobs], includeStories: [] };

export function SimpleSlider() {
  const [value, setValue] = useState(3);
  return (
    <div style={{ padding: 32 }}>
      <SliderComponent value={value} max={10} onChange={v => setValue(v)} />
    </div>
  );
}

export function TwoValuesSlider() {
  const [value, setValue] = useState([3, 8]);
  return (
    <div style={{ padding: 32 }}>
      <SliderComponent value={value} max={10} onChange={v => setValue(v)} />
    </div>
  );
}