wix-style-react/dist/es/stories/Slider/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import AutoDocs from 'wix-storybook-utils/AutoDocs';
import CodeExample from 'wix-storybook-utils/CodeExample';

import SliderSource from '!raw-loader!wix-style-react/Slider/Slider';

import ExampleStandard from './ExampleStandard';
import ExampleStandardRaw from '!raw-loader!./ExampleStandard';

import ExampleControlled from './ExampleControlled';
import ExampleControlledRaw from '!raw-loader!./ExampleControlled';
import ExampleRtl from './ExampleRtl';
import ExampleRtlRaw from '!raw-loader!./ExampleRtl';

storiesOf('4. Selection', module).add('4.7 Slider', function () {
  return React.createElement(
    'div',
    null,
    React.createElement(AutoDocs, { source: SliderSource }),
    React.createElement(
      'h1',
      null,
      'Usage examples'
    ),
    React.createElement(
      CodeExample,
      { title: 'Standard', code: ExampleStandardRaw },
      React.createElement(ExampleStandard, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Standard RTL', code: ExampleRtlRaw },
      React.createElement(ExampleRtl, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Controlled input', code: ExampleControlledRaw },
      React.createElement(ExampleControlled, null)
    )
  );
});