2020-05-06 00:08:17 +00:00
|
|
|
import * as React from 'react';
|
|
|
|
import ToggleSwitch from './toggle-switch';
|
|
|
|
|
Storybook Sidebar Provisioning & WIP Implementation (#2125)
* Migrating dimensions, latest SVG, stubbing sidebar
* Revert "Migrating dimensions, latest SVG, stubbing sidebar"
This reverts commit 5014a68f52ac50fc62db5d42d2b49abda28efaea.
* Revert "Revert "Migrating dimensions, latest SVG, stubbing sidebar""
This reverts commit 28c130c8d8b3993f91f072de106d3ff223d6c55b.
* Post merge bootstrap & build
* Linting
* Updating Story Heirarchy
* Migrating legacy tooltip component
* Reverting spacing integration into core dimensions
* Cleaning up comments, tweaking CSS var usage
* Removing static height
* Cleaning up static CSS values, re-organizing sliding panel, fixing search icon
* adding flow def for autobind in new SB instance
* PR feedback, removing new vars/updating markup
* Fixing lint > flow error on type
2020-05-14 18:00:29 +00:00
|
|
|
export default { title: '3rd Party | Toggle Switch' };
|
2020-05-06 00:08:17 +00:00
|
|
|
|
|
|
|
const defaultOnChange = () => {};
|
|
|
|
|
|
|
|
export const Checked = () => <ToggleSwitch checked onChange={defaultOnChange} />;
|
|
|
|
|
|
|
|
export const Unchecked = () => <ToggleSwitch onChange={defaultOnChange} />;
|
|
|
|
|
|
|
|
export const Disabled = () => (
|
|
|
|
<>
|
|
|
|
<ToggleSwitch disabled checked onChange={defaultOnChange} />
|
|
|
|
<ToggleSwitch disabled onChange={defaultOnChange} />
|
|
|
|
</>
|
|
|
|
);
|