Header slot added to sidebar component
parent
4035d01764
commit
15e56bdec0
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue