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