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 | import { useState } from "react"; import { storiesOf } from "@storybook/react"; import { IdentityThemeProvider } from "../../themes"; import { SplitButton } from "./SplitButton"; storiesOf("SplitButton", module).add("SplitButton", () => { const [loading, setLoading] = useState(false); const [right, setRight] = useState(0); function onClick() { setLoading(true); setTimeout(() => { setLoading(false); setRight(right + 1); }, 500); } return ( <IdentityThemeProvider> <SplitButton leftWidth={100} rightContent={right} onClick={onClick} isLoading={loading}> Click Me </SplitButton> </IdentityThemeProvider> ); }); |