Files
oa/documentation/button/v-button-placeload-documentation.md
2025-05-24 01:49:48 +09:00

51 lines
1.2 KiB
Markdown

### Placeload
`<VButton />` components can have a placeloading status.
Use the `placeload` prop on the component to change its state.
<!--code-->
```vue
<template>
<VButtons>
<VButton placeload="40px">
Button
</VButton>
<VButton placeload="40px" color="primary">
Button
</VButton>
<VButton placeload="40px" color="info">
Button
</VButton>
<VButton placeload="40px" color="success">
Button
</VButton>
<VButton placeload="40px" color="warning">
Button
</VButton>
<VButton placeload="40px" color="danger">
Button
</VButton>
<VButton placeload="40px" color="white">
Button
</VButton>
</VButtons>
</template>
```
<!--/code-->
<!--example-->
<VButtons class="placeload-wrap">
<VButton placeload="40px"> Button </VButton>
<VButton placeload="40px" color="primary"> Button </VButton>
<VButton placeload="40px" color="info"> Button </VButton>
<VButton placeload="40px" color="success"> Button </VButton>
<VButton placeload="40px" color="warning"> Button </VButton>
<VButton placeload="40px" color="danger"> Button </VButton>
<VButton placeload="40px" color="white"> Button </VButton>
</VButtons>
<!--/example-->