NavigationMenu
A horizontal tree of links used for navigation.
Importing
1
import { NavigationMenuGroup, NavigationMenuLink, NavigationMenuRoot } from '@infinityfx/fluid';Usage
API reference
NavigationMenuGroup Props
label?
React.ReactNode
The text or element shown in the menu bar.
round?
boolean
false
href?
string
The URL this group link should navigate to if clicked.
target?
'_blank' | '_parent' | '_self' | '_top'
Target attribute for the link.
active?
boolean
false
Shows an active indicator below the group label.
position?
'start' | 'center' | 'end'
'center'
How to align the dropdown menu container.
Link?
React.ComponentType
'a'
Custom component or element to render as the trigger link.
NavigationMenuLink Props
as?
React.ComponentType
'a'
Custom component or element to render this menu link item as.