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

feat(NavigationMenu): add item-content slot

Browse Source
This commit is contained in:
Benjamin Canac
2024-10-31 11:27:52 +01:00
parent d980115408
commit b5ca0d96f1
5 changed files with 156 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
test/components/__snapshots__/NavigationMenu.spec.ts.snap
View File

@@ -35,7 +35,7 @@ exports[`NavigationMenu > renders with arrow correctly 1`] = `
<!---->
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--teleport start-->
<!--teleport end-->
<!---->
@@ -77,7 +77,7 @@ exports[`NavigationMenu > renders with class correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -118,7 +118,7 @@ exports[`NavigationMenu > renders with custom slot correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -155,7 +155,7 @@ exports[`NavigationMenu > renders with item slot correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -196,7 +196,7 @@ exports[`NavigationMenu > renders with item-label slot correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -237,7 +237,7 @@ exports[`NavigationMenu > renders with item-leading slot correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -274,7 +274,7 @@ exports[`NavigationMenu > renders with item-trailing slot correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -315,7 +315,7 @@ exports[`NavigationMenu > renders with items correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -356,7 +356,7 @@ exports[`NavigationMenu > renders with labelKey correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -397,7 +397,7 @@ exports[`NavigationMenu > renders with neutral variant link correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -438,7 +438,7 @@ exports[`NavigationMenu > renders with neutral variant link highlight correctly
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -479,7 +479,7 @@ exports[`NavigationMenu > renders with neutral variant link highlight neutral co
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -520,7 +520,7 @@ exports[`NavigationMenu > renders with neutral variant pill correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -561,7 +561,7 @@ exports[`NavigationMenu > renders with neutral variant pill highlight correctly
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -602,7 +602,7 @@ exports[`NavigationMenu > renders with neutral variant pill highlight neutral co
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -681,7 +681,7 @@ exports[`NavigationMenu > renders with primary variant link correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -722,7 +722,7 @@ exports[`NavigationMenu > renders with primary variant link highlight correctly
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -763,7 +763,7 @@ exports[`NavigationMenu > renders with primary variant pill correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -804,7 +804,7 @@ exports[`NavigationMenu > renders with primary variant pill highlight correctly
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -845,7 +845,7 @@ exports[`NavigationMenu > renders with trailingIcon correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>
@@ -886,7 +886,7 @@ exports[`NavigationMenu > renders with ui correctly 1`] = `
</ul>
</div>
<!--v-if-->
<div class="absolute top-full inset-x-0 flex w-full">
<div class="absolute top-full left-0 flex w-full justify-center">
<!--v-if-->
<!---->
</div>