mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 04:42:34 +09:00
first
This commit is contained in:
45
documentation/button/v-button-group-documentation.md
Normal file
45
documentation/button/v-button-group-documentation.md
Normal file
@@ -0,0 +1,45 @@
|
||||
### Button group
|
||||
|
||||
You can easily align `<VButton />` components and group them together
|
||||
by wrapping them inside a `<VButtons />` element.
|
||||
You can mix any button styles.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VButtons>
|
||||
<VButton icon="lucide:eye">
|
||||
View
|
||||
</VButton>
|
||||
<VButton icon="lucide:edit-2">
|
||||
View
|
||||
</VButton>
|
||||
<VButton
|
||||
color="primary"
|
||||
icon="fas fa-check"
|
||||
elevated
|
||||
>
|
||||
Approve
|
||||
</VButton>
|
||||
</VButtons>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
|
||||
<!--example-->
|
||||
|
||||
<VButtons>
|
||||
<VButton icon="lucide:eye">
|
||||
View
|
||||
</VButton>
|
||||
<VButton icon="lucide:edit-2">
|
||||
View
|
||||
</VButton>
|
||||
<VButton color="primary" icon="fas fa-check" elevated>
|
||||
Approve
|
||||
</VButton>
|
||||
</VButtons>
|
||||
|
||||
<!--/example-->
|
||||
Reference in New Issue
Block a user