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

66 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-dropdown</td>
<td>Container element.</td>
</tr>
<tr>
<td>p-dropdown-label</td>
<td>Element to display label of selected option.</td>
</tr>
<tr>
<td>p-dropdown-trigger</td>
<td>Icon element.</td>
</tr>
<tr>
<td>p-dropdown-panel</td>
<td>Icon element.</td>
</tr>
<tr>
<td>p-dropdown-items-wrapper</td>
<td>Wrapper element of items list.</td>
</tr>
<tr>
<td>p-dropdown-items</td>
<td>List element of items.</td>
</tr>
<tr>
<td>p-dropdown-item</td>
<td>An item in the list.</td>
</tr>
<tr>
<td>p-dropdown-filter-container</td>
<td>Container of filter input.</td>
</tr>
<tr>
<td>p-dropdown-filter</td>
<td>Filter element.</td>
</tr>
<tr>
<td>p-overlay-open</td>
<td>Container element when overlay is visible.</td>
</tr>
<tr>
<td>p-focus</td>
<td>Container element when it is in focus.</td>
</tr>
<tr>
<td>p-highlight</td>
<td>Container element when it is selected.</td>
</tr>
</tbody>
</table>
</div>
</template>