mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:23:41 +09:00
first
This commit is contained in:
38
documentation/message/v-message-base-documentation.md
Normal file
38
documentation/message/v-message-base-documentation.md
Normal file
@@ -0,0 +1,38 @@
|
||||
---
|
||||
state:
|
||||
closed: 0
|
||||
---
|
||||
|
||||
### VMessage
|
||||
|
||||
Vuero provides a `<VMessage />` component for messages that you can use
|
||||
in your forms, for instance. The default message is displayed
|
||||
on a grey background. Check the markup for more details.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VMessage closable>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat ut,
|
||||
porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus
|
||||
diam, et dictum.
|
||||
</VMessage>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
|
||||
<!--example-->
|
||||
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<VMessage @close="frontmatter.state.closed++" closable>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis
|
||||
placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla.
|
||||
Nullam gravida purus diam, et dictum.
|
||||
</VMessage>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--/example-->
|
||||
Reference in New Issue
Block a user