# Button

<DemoContainer>
<Button>Standard</Button>
<Button color="primary">Primary</Button>
<Button color="secondary">Secondary</Button>
<Button color="highlight">Highlight</Button>
<Button color="raised">Raised</Button>
<Button color="danger">Danger</Button>
<Button><CheckIcon /> With Icon</Button>
<Button iconOnly><XIcon /></Button>
<Button large>Large button</Button>
<Button color="primary" large>Discover mods</Button>
<Button color="danger" large outline>Be warned</Button>
<Button large outline>Sign up</Button>
<Button><HeartIcon /> Follow project</Button>
<Button outline color="danger"><TrashIcon /> Delete project</Button>
</DemoContainer>

```vue
<Button>Standard</Button>
<Button color="primary">Primary</Button>
<Button color="secondary">Secondary</Button>
<Button color="highlight">Highlight</Button>
<Button color="raised">Raised</Button>
<Button color="danger">Danger</Button>
<Button><CheckIcon /> With Icon</Button>
<Button iconOnly><XIcon /></Button>
<Button large>Large button</Button>
<Button color="primary" large>Discover mods</Button>
<Button color="danger" large outline>Be warned</Button>
<Button large outline>Sign up</Button>
<Button><HeartIcon /> Follow project</Button>
<Button outline color="danger"><TrashIcon /> Delete project</Button>
```