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

0% Statements 0/7
100% Branches 0/0
0% Functions 0/5
0% Lines 0/7

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                                                     
import React from "react";
import { storiesOf } from "@storybook/react";
import { Button } from "rimble-ui";
import { DropDown } from "./DropDown";
 
const options = [
  { name: "Red", value: "1" },
  { name: "Blue", value: "2" },
  { name: "Green", value: "3" },
];
 
storiesOf("DropDown", module)
  .add("Option List", () => {
    return (
      <DropDown onChange={(value) => console.log("changed to", value)} options={options} defaultSelectedValue="3" />
    );
  })
  .add("Option List with Button", () => {
    return (
      <DropDown onChange={(value) => console.log("changed to", value)} options={options}>
        <Button onClick={() => console.log("click")} width="100%">
          Add Color
        </Button>
      </DropDown>
    );
  });