joyent-portal/packages/ui-toolkit/src/button/usage.md

49 lines
861 B
Markdown
Raw Normal View History

```jsx
<span>
<Button>Inspire the lazy</Button>
<span> </span>
<Button href='#1'>Inspire the lazy (anchor)</Button>
</span>
```
#### Button > Secondary
```jsx
<span>
<Button secondary>Inspire the brave</Button>
<span> </span>
<Button href='#2' secondary>Inspire the brave (anchor)</Button>
</span>
```
#### Button > Tertiary
```jsx
<span>
<Button tertiary>Inspire the tertiary</Button>
<span> </span>
<Button href='#3' tertiary>Inspire the tertiary (anchor)</Button>
2017-09-08 15:01:37 +03:00
<span> </span>
<Button tertiary selected>Inspire the tertiary</Button>
</span>
```
#### Button > Disabled
```jsx
<span>
<Button disabled>Inspire the liars</Button>
<span> </span>
<Button href='#4' disabled>Inspire the liars (anchor)</Button>
</span>
```
#### Button > Loading
```jsx
<span>
<Button secondary loading>Inspire the liars</Button>
</span>
```