office-ui-fabric-react/lib/demo/pages/SliderPage/examples/Slider.Basic.Example.tsx.js

Reusable React components for building experiences for Office 365.

module.exports = "import * as React from 'react';\nimport {\n  Slider\n} from '../../../../index';\nimport './Slider.Basic.Example.scss';\n\nexport class SliderBasicExample extends React.Component<any, any> {\n  constructor() {\n    super();\n\n    this.state = {\n      value: 0\n    };\n  }\n\n  public render() {\n    return (\n      <div className='ms-SliderBasicExample'>\n\n        <Slider\n          label='Basic example:'\n          min={ 1 }\n          max={ 3 }\n          step={ 1 }\n          defaultValue={ 2 }\n          showValue={ true }\n          onChange={ (value) => console.log(value) }\n        />\n\n        <Slider\n          label='Disabled example:'\n          min={ 50 }\n          max={ 500 }\n          step={ 50 }\n          defaultValue={ 300 }\n          showValue={ true }\n          disabled={ true }\n        />\n\n        <Slider\n          label='Controlled example:'\n          max={ 10 }\n          value={ this.state.value }\n          onChange={ value => this.setState({ value }) }\n          showValue={ true }\n        />\n\n      </div>\n    );\n  }\n\n}\n";