2020-06-26 14:45:11 +00:00
|
|
|
import * as React from 'react';
|
|
|
|
import MultiSwitch from './multi-switch';
|
|
|
|
|
2020-07-29 20:54:09 +00:00
|
|
|
export default { title: 'Navigation | Sliding Switch' };
|
2020-06-26 14:45:11 +00:00
|
|
|
|
2020-08-12 18:02:21 +00:00
|
|
|
export const _default = () => {
|
2020-08-17 20:45:43 +00:00
|
|
|
const [selectedValue, setSelectedValue] = React.useState('debug');
|
2020-08-12 18:02:21 +00:00
|
|
|
return (
|
|
|
|
<MultiSwitch
|
|
|
|
name="activity"
|
2020-08-17 20:45:43 +00:00
|
|
|
onChange={setSelectedValue}
|
2020-08-12 18:02:21 +00:00
|
|
|
choices={[
|
|
|
|
{ label: 'Design', value: 'design' },
|
|
|
|
{ label: 'Debug', value: 'debug' },
|
|
|
|
{ label: 'Test', value: 'test' },
|
|
|
|
]}
|
|
|
|
selectedValue={selectedValue}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
};
|