36 lines
1.2 KiB
Markdown
36 lines
1.2 KiB
Markdown
# 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>
|
|
```
|