mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:53:29 +09:00
first
This commit is contained in:
51
documentation/button/v-button-colors-light-documentation.md
Normal file
51
documentation/button/v-button-colors-light-documentation.md
Normal file
@@ -0,0 +1,51 @@
|
||||
### Light Colors
|
||||
|
||||
`<VButton />` solid color can have a very light tint of their original color.
|
||||
Use the `color` prop to set a solid color and
|
||||
use the `light` modifier prop to make a light colored button.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VButtons>
|
||||
<VButton color="primary" light>
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="info" light>
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="success" light>
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="warning" light>
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="danger" light>
|
||||
Button
|
||||
</VButton>
|
||||
<VButton color="dark" light>
|
||||
Button
|
||||
</VButton>
|
||||
<VButton light>
|
||||
Button
|
||||
</VButton>
|
||||
</VButtons>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
|
||||
<!--example-->
|
||||
|
||||
<VButtons>
|
||||
<VButton color="primary" light> Button </VButton>
|
||||
<VButton color="info" light> Button </VButton>
|
||||
<VButton color="success" light> Button </VButton>
|
||||
<VButton color="warning" light> Button </VButton>
|
||||
<VButton color="danger" light> Button </VButton>
|
||||
<VButton color="dark" light> Button </VButton>
|
||||
<VButton light> Button </VButton>
|
||||
</VButtons>
|
||||
|
||||
<!--/example-->
|
||||
Reference in New Issue
Block a user