This commit is contained in:
2025-05-24 01:49:48 +09:00
commit 62abbcf4eb
2376 changed files with 325522 additions and 0 deletions

View File

@@ -0,0 +1,44 @@
### VMessage colors
Vuero provides a `<VMessage />` component for messages that
you can use in your forms, for instance. You can change the message
color by using the `color` prop. Available colors are `primary`,
`success`, `info`, `warning` and `danger`. Check the markup for more details.
<!--code-->
```vue
<template>
<VMessage color="primary">
Lorem ipsum dolor sit amet
</VMessage>
<VMessage color="success">
Lorem ipsum dolor sit amet
</VMessage>
<VMessage color="info">
Lorem ipsum dolor sit amet
</VMessage>
<VMessage color="warning">
Lorem ipsum dolor sit amet
</VMessage>
<VMessage color="danger">
Lorem ipsum dolor sit amet
</VMessage>
</template>
```
<!--/code-->
<!--example-->
<div class="field">
<div class="control">
<VMessage color="primary">Lorem ipsum dolor sit amet</VMessage>
<VMessage color="success">Lorem ipsum dolor sit amet</VMessage>
<VMessage color="info">Lorem ipsum dolor sit amet</VMessage>
<VMessage color="warning">Lorem ipsum dolor sit amet</VMessage>
<VMessage color="danger">Lorem ipsum dolor sit amet</VMessage>
</div>
</div>
<!--/example-->