Menu
Beta notice: This page is being built.Edit on GitHub(opens in new tab)
Menu combines section navigation with the selected section’s content using Astryx SideNav. At View viewport widths of 768px and below, navigation moves above content rather than competing for its width. Resizing keeps the active content mounted; changing sections mounts only the selected section.
This is a LongLink-specific component.
Example
Profile settings
Properties
| Menu - Properties |
|---|
children MenuSection elements defining navigation and content.ReactNode |
gap 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 |
| MenuSection - Properties |
|---|
children MenuItem elements or nested MenuSubSection groups.ReactNode |
isHeaderHidden Hides the section heading; visible by default.boolean |
title Section heading displayed in the navigation.string |
| MenuItem - Properties |
|---|
children Content mounted beside the navigation while this item is selected.ReactNode |
icon Optional LongLink icon name displayed beside the label.StoneIconName |
label Navigation label; its lowercase, hyphenated form identifies the item's URL fragment.string |
| MenuSubSection - Properties |
|---|
children MenuItem elements nested inside this collapsible group.ReactNode |
icon Optional LongLink icon name displayed beside the group label.StoneIconName |
label Label displayed on the collapsible navigation group.string |