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

docs(VerticalNavigation): add truncate in icon slot example (#998)

Browse Source
This commit is contained in:
Pacman Doh
2023-11-20 20:51:18 +08:00
committed by GitHub
parent a1b38c4b66
commit f245b4677c
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/components/content/examples/VerticalNavigationExampleIconSlot.vue
View File

@@ -32,7 +32,10 @@ const links = [{
</script> </script>
<template> <template>
<UVerticalNavigation :links="links"> <UVerticalNavigation
:links="links"
:ui="{ wrapper: 'truncate' }"
>
<template #icon="{ link }"> <template #icon="{ link }">
<UIcon v-if="link.type" :name="types[link.type].icon" :class="types[link.type].color" class="text-base" /> <UIcon v-if="link.type" :name="types[link.type].icon" :class="types[link.type].color" class="text-base" />
<UIcon v-else :name="types.default.icon" :class="types.default.color" class="text-base" /> <UIcon v-else :name="types.default.icon" :class="types.default.color" class="text-base" />