mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 09:22:34 +00:00
Message unstyled demo updates
This commit is contained in:
parent
46784087c7
commit
18d4c453bd
4 changed files with 66 additions and 8 deletions
49
doc/message/theming/StyledDoc.vue
Normal file
49
doc/message/theming/StyledDoc.vue
Normal file
|
@ -0,0 +1,49 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>List of class names used in the styled mode.</p>
|
||||
</DocSectionText>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Element</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>p-message</td>
|
||||
<td>Container element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-info</td>
|
||||
<td>Container element when displaying info messages.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-warn</td>
|
||||
<td>Container element when displaying warning messages.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-error</td>
|
||||
<td>Container element when displaying error messages.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-success</td>
|
||||
<td>Container element when displaying success messages.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-close</td>
|
||||
<td>Close icon.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-icon</td>
|
||||
<td>Severity icon.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-message-text</td>
|
||||
<td>Content of a message.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
Loading…
Add table
Add a link
Reference in a new issue