All files / src/components/elements/Toggle Toggle.stories.tsx

0% Statements 0/8
100% Branches 0/0
0% Functions 0/3
0% Lines 0/8

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}
      </>
    );
  });