blob: e22471e7fc1e96a116dc0c80190de87daf97ddb6 (
plain)
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
import { ArgTypes, Canvas, Meta, Primary } from '@storybook/blocks';
import * as ButtonLinkStories from './button-link.stories';
<Meta of={ButtonLinkStories} />
# Button
<Primary />
## Kind
The button appearance can change depending on its kind.
### Primary
<Canvas of={ButtonLinkStories.Primary} />
### Secondary (default)
<Canvas of={ButtonLinkStories.Secondary} />
### Tertiary
<Canvas of={ButtonLinkStories.Tertiary} />
## States
It can be:
* enabled,
* disabled
* external.
### Enabled (default)
<Canvas of={ButtonLinkStories.Enabled} />
### Disabled
<Canvas of={ButtonLinkStories.Disabled} />
### External
<Canvas of={ButtonLinkStories.ExternalLink} />
## Shapes
It can either:
* be a circle,
* be a rectangle
* be a square,
* or have an automatic shape.
### Circle
<Canvas of={ButtonLinkStories.Circle} />
### Rectangle (default)
<Canvas of={ButtonLinkStories.Rectangle} />
### Square
<Canvas of={ButtonLinkStories.Square} />
### Auto
<Canvas of={ButtonLinkStories.Auto} />
## Props
<ArgTypes of={ButtonLinkStories} />
|
