feat(NavigationMenu): handle label type in items

Resolves #2993
This commit is contained in:
Benjamin Canac
2025-01-16 15:56:14 +01:00
parent 1e88512bef
commit 27fdc8e260
6 changed files with 180 additions and 104 deletions

View File

@@ -4,6 +4,7 @@ export default (options: Required<ModuleOptions>) => ({
slots: {
root: 'relative flex gap-1.5 [&>div]:min-w-0',
list: 'isolate min-w-0',
label: 'w-full flex items-center gap-1.5 font-semibold text-xs/5 text-[var(--ui-text-highlighted)] px-2.5 py-1.5',
item: 'min-w-0',
link: 'group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2',
linkLeadingIcon: 'shrink-0 size-5',