vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3832 Refactor #3833 - For Sidebar

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2023-04-07 23:36:13 +03:00
parent ea2c8f878d
commit 82fb1e1c65
4 changed files with 22 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/lib/sidebar/Sidebar.vue
View file

@ -8,7 +8,9 @@
<slot name="header"></slot>
</div>
<button v-if="showCloseIcon" :ref="closeButtonRef" v-ripple autofocus type="button" class="p-sidebar-close p-sidebar-icon p-link" :aria-label="closeAriaLabel" @click="hide">
<span :class="['p-sidebar-close-icon', closeIcon]" />
<slot name="closeicon">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="['p-sidebar-close-icon ', closeIcon]"></component>
</slot>
</button>
</div>
<div :ref="contentRef" class="p-sidebar-content">
@ -25,6 +27,7 @@ import FocusTrap from 'primevue/focustrap';
import Portal from 'primevue/portal';
import Ripple from 'primevue/ripple';
import { DomHandler, ZIndexUtils } from 'primevue/utils';
import TimesIcon from 'primevue/icon/times';
export default {
name: 'Sidebar',
@ -57,7 +60,7 @@ export default {
},
closeIcon: {
type: String,
default: 'pi pi-times'
default: undefined
},
modal: {
type: Boolean,
@ -246,7 +249,8 @@ export default {
ripple: Ripple
},
components: {
Portal: Portal
Portal: Portal,
TimesIcon
}
};
</script>