mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:43:39 +09:00
first
This commit is contained in:
66
documentation/button/v-button-colors-documentation.md
Normal file
66
documentation/button/v-button-colors-documentation.md
Normal file
@@ -0,0 +1,66 @@
|
||||
### Colors
|
||||
|
||||
`<VButton />` components can have different colors.
|
||||
Use the `color` prop on the component to change its color.
|
||||
Available color values are `primary`, `info`, `success`, `warning`,
|
||||
`danger` and `white`.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VButtons>
|
||||
<VButton color="primary">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="info">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="success">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="warning">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="danger">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="dark">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="white">
|
||||
Button
|
||||
</VButton>
|
||||
</VButtons>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
|
||||
<!--example-->
|
||||
|
||||
<VButtons>
|
||||
<VButton color="primary">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="info">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="success">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="warning">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="danger">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="dark">
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="white">
|
||||
Button
|
||||
</VButton>
|
||||
</VButtons>
|
||||
|
||||
<!--/example-->
|
||||
Reference in New Issue
Block a user