diff --git a/src/Toggle/Toggle.story.tsx b/src/Toggle/Toggle.story.tsx index a4575e51c..27ec307e0 100644 --- a/src/Toggle/Toggle.story.tsx +++ b/src/Toggle/Toggle.story.tsx @@ -1,11 +1,12 @@ import React, { useRef } from "react"; import { action } from "@storybook/addon-actions"; import { boolean } from "@storybook/addon-knobs"; -import { Toggle, Button } from "../index"; +import { Toggle, Button, Box } from "../index"; import { Flex } from "../Flex"; import dashed from "../utils/dashed"; const DashedToggle = dashed(Toggle); +const DashedBox = dashed(Box); export const WithDifferentSizes = () => ( @@ -112,6 +113,18 @@ WithLongText.story = { name: "With long text", }; +export const WithContraintWidth = () => ( + + + +); + export const ControlledToggle = () => (