UNPKG

1.97 kBTypeScriptView Raw
1import { storiesOf } from "@storybook/react";
2import * as React from "react";
3import { Button } from "../components/Button";
4
5storiesOf("Button", module).add("All", () => (
6 <div className="storycontainer">
7 <div className="story-module spaced">
8 <h3>Small Buttons (fixed)</h3>
9 <Button.Google>GOOGLE</Button.Google>
10 <Button.Facebook>GOOGLE</Button.Facebook>
11 <Button type="primary-outline" size="small">
12 PREVIOUS
13 </Button>
14 <Button type="primary" size="small">
15 NEXT
16 </Button>
17 <Button type="primary" size="small">
18 VERY STRETCHED OUT BUTTON
19 </Button>
20 <Button type="secondary-outline" size="small">
21 PREVIOUS
22 </Button>
23 <Button type="secondary" size="small">
24 NEXT
25 </Button>
26 <Button type="secondary" size="small">
27 VERY STRETCHED OUT BUTTON
28 </Button>
29 </div>
30 <div className="story-module spaced">
31 <h3>Medium Buttons (sizable)</h3>
32 <Button type="primary-outline">PREVIOUS</Button>
33 <Button type="primary">NEXT</Button>
34 <Button type="primary">VERY STRETCHED OUT BUTTON</Button>
35 <Button type="secondary-outline">PREVIOUS</Button>
36 <Button type="secondary">NEXT</Button>
37 <Button type="secondary">VERY STRETCHED OUT BUTTON</Button>
38 </div>
39 <div className="story-module spaced">
40 <h3>Large Buttons (fixed)</h3>
41 <Button type="primary-outline" size="large">
42 PREVIOUS
43 </Button>
44 <Button type="primary" size="large">
45 NEXT
46 </Button>
47 <Button type="primary" size="large">
48 VERY STRETCHED OUT BUTTON LIKE REALLY STRETCHED
49 </Button>
50 <Button type="secondary-outline" size="large">
51 PREVIOUS
52 </Button>
53 <Button type="secondary" size="large">
54 NEXT
55 </Button>
56 <Button type="secondary" size="large">
57 VERY STRETCHED OUT BUTTON LIKE REALLY STRETCHED
58 </Button>
59 </div>
60 </div>
61));