```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>
  <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>
```