NavigationMenu
여러 콘텐츠 섹션 간에 전환할 수 있도록 돕는 요소로 클릭 시 페이지가 이동합니다.Property
Size
NavigationMenu의 크기를 설정합니다.
Direction
NavigationMenu의 방향을 설정합니다.
Disabled
NavigationMenu의 비활성화 상태를 설정합니다.
Current
NavigationMenu의 현재 페이지 상태를 설정합니다.
Examples
With Icons
아이콘과 함께 사용합니다.
With Popup
팝오버 형태로 사용합니다.
Flexible Usage
NavigationMenu의 모든 프리셋 컴포넌트를 분리하여 사용합니다.
Anatomy
컴포넌트의 구조를 탐색하고 각 파트의 역할을 확인합니다. 파트 이름에 마우스를 올리면 해당 영역이 하이라이트됩니다.
Loading…
Loading preview…
Props Table
NavigationMenu.Root
Loading component documentation...
NavigationMenu.List
Loading component documentation...
NavigationMenu.Item
Loading component documentation...
NavigationMenu.Link
Loading component documentation...
NavigationMenu.Trigger
Loading component documentation...
NavigationMenu.TriggerPrimitive
Loading component documentation...
NavigationMenu.TriggerIndicatorPrimitive
Loading component documentation...
NavigationMenu.Content
Loading component documentation...
NavigationMenu.PortalPrimitive
Loading component documentation...
NavigationMenu.PositionerPrimitive
Loading component documentation...
NavigationMenu.PopupPrimitive
Loading component documentation...
NavigationMenu.Viewport
Loading component documentation...
NavigationMenu.ViewportPrimitive
Loading component documentation...