Skip to content

NavigationMenuTrigger

Source: client/lib/theme/vueda-tailwind/navigation/index.js

Header-scale trigger. It intentionally uses a 36px height and half-strength active fill.

Vue component: NavigationMenuTrigger

SlotDefault classesDescription
root4 classesHeader-scale trigger. It intentionally uses a 36px height and half-strength active fill.

root

Header-scale trigger. It intentionally uses a 36px height and half-strength active fill.

Default classes:

text
group inline-flex h-9 w-max items-center justify-center rounded-vueda-control bg-background px-4 py-2 text-sm font-medium
hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground active:bg-accent-active active:text-accent-foreground
disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50
transition-colors focus-visible:focus-ring

Source: client/lib/theme/vueda-tailwind/navigation/NavigationMenuTrigger.theme.js:16

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2