arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-19 14:31:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(VerticalNavigation): add slots examples (#456)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
KeJun
2023-07-30 22:12:41 +08:00
committed by GitHub
parent 5221294f78
commit 8e1aa2f1b6
6 changed files with 331 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/runtime/components/navigation/VerticalNavigation.vue
View File

@@ -11,7 +11,7 @@
@click="link.click"
@keyup.enter="$event.target.blur()"
>
<slot name="avatar" :link="link">
<slot name="avatar" :link="link" :is-active="isActive">
<UAvatar
v-if="link.avatar"
v-bind="{ size: ui.avatar.size, ...link.avatar }"
@@ -25,7 +25,7 @@
:class="[ui.icon.base, isActive ? ui.icon.active : ui.icon.inactive, link.iconClass]"
/>
</slot>
<slot :link="link">
<slot :link="link" :is-active="isActive">
<span v-if="link.label" :class="ui.label">{{ link.label }}</span>
</slot>
<slot name="badge" :link="link" :is-active="isActive">