mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 07:53:48 +09:00
48 lines
899 B
Markdown
48 lines
899 B
Markdown
### Addons
|
|
|
|
You can easily create `<VButton />` addons and group them together
|
|
by wrapping them inside a `<div class="field is-grouped"><div>` element.
|
|
You can mix any button styles.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VField addons>
|
|
<VControl>
|
|
<VButton icon="fas fa-align-left">
|
|
Left
|
|
</VButton>
|
|
</VControl>
|
|
<VControl>
|
|
<VButton icon="fas fa-align-center">
|
|
Center
|
|
</VButton>
|
|
</VControl>
|
|
<VControl>
|
|
<VButton icon="fas fa-align-right">
|
|
Right
|
|
</VButton>
|
|
</VControl>
|
|
</VField>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VField addons>
|
|
<VControl>
|
|
<VButton icon="fas fa-align-left"> Left </VButton>
|
|
</VControl>
|
|
<VControl>
|
|
<VButton icon="fas fa-align-center"> Center </VButton>
|
|
</VControl>
|
|
<VControl>
|
|
<VButton icon="fas fa-align-right"> Right </VButton>
|
|
</VControl>
|
|
</VField>
|
|
|
|
<!--/example-->
|