Header slot added to sidebar component

pull/3290/head
Bahadır Sofuoğlu 2022-11-17 15:11:01 +03:00
parent 4035d01764
commit 15e56bdec0
2 changed files with 30 additions and 2 deletions

View File

@ -2,7 +2,17 @@
<transition name="p-sidebar" @enter="onEnter" @leave="onLeave" appear>
<div :class="containerClass" v-if="visible" ref="container" role="complementary" :aria-modal="modal">
<div class="p-sidebar-header">
<button class="p-sidebar-close p-sidebar-icon p-link" @click="hide" :aria-label="ariaCloseLabel" v-if="showCloseIcon" type="button" v-ripple>
<div v-if="$slots.header" class="p-sidebar-header-content">
<slot name="header"></slot>
</div>
<button
class="p-sidebar-close p-sidebar-icon p-link"
@click="hide"
:aria-label="ariaCloseLabel"
v-if="showCloseIcon"
type="button"
v-ripple
>
<span class="p-sidebar-close-icon pi pi-times" />
</button>
</div>

View File

@ -146,6 +146,24 @@ export default {
</table>
</div>
<h5>Slots</h5>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Name</th>
<th>Parameters</th>
</tr>
</thead>
<tbody>
<tr>
<td>header</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
<h5>Styling</h5>
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
<div class="doc-tablewrapper">
@ -223,4 +241,4 @@ export default {
</TabPanel>
</TabView>
</div>
</template>
</template>