mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 08:53:29 +09:00
first
This commit is contained in:
44
documentation/message/v-message-colors-documentation.md
Normal file
44
documentation/message/v-message-colors-documentation.md
Normal 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-->
|
||||
Reference in New Issue
Block a user