NavigationMenuViewport

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

Absolute wrapper that positions the shared viewport below the trigger row.

Vue component: NavigationMenuViewport

Slot	Default classes	Description
wrapper	absolute top-full left-0 isolate z-50 flex justify-center	Absolute wrapper that positions the shared viewport below the trigger row.
root	4 classes	Shared animated popover surface for navigation panels. See also: NavigationMenuContent.root.

wrapper

Absolute wrapper that positions the shared viewport below the trigger row.

Default classes:

absolute top-full left-0 isolate z-50 flex justify-center

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

root

Shared animated popover surface for navigation panels. See also: NavigationMenuContent.root.

Default classes:

origin-top-center bg-popover text-popover-foreground
data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90
relative mt-1.5 h-[var(--reka-navigation-menu-viewport-height)] w-full overflow-hidden
rounded-vueda-control overlay-hairline md:w-[var(--reka-navigation-menu-viewport-width)] left-[var(--reka-navigation-menu-viewport-left)]

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