vcc-ui/es/components/slider/stories.js

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

import React from "react";
import { storiesOf } from "@storybook/react";
import { Slider } from "./";
storiesOf("Forms/Slider", module).addWithJSX("5 Steps", function () {
  return React.createElement(Slider, {
    onChange: function onChange(value) {
      // eslint-disable-next-line no-console
      console.log(value);
    },
    initialValue: 1,
    step: 1,
    minValue: 1,
    maxValue: 5
  });
}).addWithJSX("Fibonacci", function () {
  return React.createElement(Slider, {
    initialValue: 1,
    onChange: function onChange(value) {
      // eslint-disable-next-line no-console
      console.log(value);
    },
    valueList: [0, 1, 2, 3, 5, 8, 13, 21, 34, 66, 89, 144]
  });
}).addWithJSX("Disabled", function () {
  return React.createElement(Slider, {
    disabled: true,
    onChange: function onChange(value) {
      // eslint-disable-next-line no-console
      console.log(value);
    },
    initialValue: 3,
    step: 1,
    minValue: 1,
    maxValue: 5
  });
});