Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | import React from "react"; import { storiesOf } from "@storybook/react"; import { Toggle } from "./Toggle"; const options: [string, string] = ["Option One", "Option Two"]; storiesOf("Toggle", module) .add("Auto width", () => { const [option, setOption] = React.useState(options[0]); return ( <> <Toggle options={options} onChange={setOption} /> selected: {option} </> ); }) .add("Full width", () => { const [option, setOption] = React.useState(options[0]); return ( <> <Toggle options={options} onChange={setOption} width="100%" /> selected: {option} </> ); }) .add("Fixed width", () => { const [option, setOption] = React.useState(options[0]); return ( <> <Toggle options={options} onChange={setOption} width="400px" /> selected: {option} </> ); }); |