2017-10-11 14:01:26 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
<span>
|
|
|
|
<Button>Inspire the lazy</Button>
|
|
|
|
<span> </span>
|
2017-10-12 21:15:51 +03:00
|
|
|
<Button href="#1">Inspire the lazy (anchor)</Button>
|
|
|
|
</span>;
|
2017-05-18 21:21:33 +03:00
|
|
|
```
|
|
|
|
|
2017-10-12 21:55:05 +03:00
|
|
|
#### Button > Secondary
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 14:01:26 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
<span>
|
|
|
|
<Button secondary>Inspire the brave</Button>
|
|
|
|
<span> </span>
|
2017-10-12 21:15:51 +03:00
|
|
|
<Button href="#2" secondary>
|
|
|
|
Inspire the brave (anchor)
|
|
|
|
</Button>
|
|
|
|
</span>;
|
2017-05-18 21:21:33 +03:00
|
|
|
```
|
|
|
|
|
2017-10-12 21:55:05 +03:00
|
|
|
#### Button > Tertiary
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 14:01:26 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
<span>
|
|
|
|
<Button tertiary>Inspire the tertiary</Button>
|
|
|
|
<span> </span>
|
2017-10-12 21:15:51 +03:00
|
|
|
<Button href="#3" tertiary>
|
|
|
|
Inspire the tertiary (anchor)
|
|
|
|
</Button>
|
2017-09-08 15:01:37 +03:00
|
|
|
<span> </span>
|
2017-10-12 21:15:51 +03:00
|
|
|
<Button tertiary selected>
|
|
|
|
Inspire the tertiary
|
|
|
|
</Button>
|
|
|
|
</span>;
|
2017-05-18 21:21:33 +03:00
|
|
|
```
|
|
|
|
|
2017-10-12 21:55:05 +03:00
|
|
|
#### Button > Disabled
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-10-11 14:01:26 +03:00
|
|
|
```jsx
|
2017-05-18 21:21:33 +03:00
|
|
|
<span>
|
|
|
|
<Button disabled>Inspire the liars</Button>
|
|
|
|
<span> </span>
|
2017-10-12 21:15:51 +03:00
|
|
|
<Button href="#4" disabled>
|
|
|
|
Inspire the liars (anchor)
|
|
|
|
</Button>
|
|
|
|
</span>;
|
2017-05-18 21:21:33 +03:00
|
|
|
```
|
2017-10-12 21:55:05 +03:00
|
|
|
|
|
|
|
#### Button > Loading
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
<span>
|
2017-10-12 23:13:44 +03:00
|
|
|
<Button secondary loading>
|
|
|
|
Inspire the liars
|
|
|
|
</Button>
|
|
|
|
</span>;
|
2017-10-12 21:55:05 +03:00
|
|
|
```
|