primevue-mirror/doc/drawer/theming/StyledDoc.vue

67 lines
2.1 KiB
Vue

<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-drawer</td>
<td>Container element</td>
</tr>
<tr>
<td>p-drawer-left</td>
<td>Container element of left drawer.</td>
</tr>
<tr>
<td>p-drawer-right</td>
<td>Container element of right drawer.</td>
</tr>
<tr>
<td>p-drawer-top</td>
<td>Container element of top drawer.</td>
</tr>
<tr>
<td>p-drawer-bottom</td>
<td>Container element of bottom drawer.</td>
</tr>
<tr>
<td>p-drawer-full</td>
<td>Container element of a full screen drawer.</td>
</tr>
<tr>
<td>p-drawer-visible</td>
<td>Container element when drawer is visible.</td>
</tr>
<tr>
<td>p-drawer-close</td>
<td>Close anchor element.</td>
</tr>
<tr>
<td>p-drawer-sm</td>
<td>Small sized drawer.</td>
</tr>
<tr>
<td>p-drawer-md</td>
<td>Medium sized drawer.</td>
</tr>
<tr>
<td>p-drawer-lg</td>
<td>Large sized drawer.</td>
</tr>
<tr>
<td>p-drawer-mask</td>
<td>Modal layer of the drawer.</td>
</tr>
</tbody>
</table>
</div>
</template>