Main
 Installation Versioning Theming Typography Design tokens Schematics Migration guides
Components
 Accordion Actions panel AG grid Alert App Switcher Autocomplete Badge Breadcrumbs Button Button Group Button toggle Checkbox Clamped list Clamped text Code block Content panel Core Datepicker Description list Divider Dropdown Dynamic translation Empty state File upload Filter Bar Form field Icon Icon Button Icon Item Inline edit Input Layout flex Link List Markdown Modal Navbar Notification Center Overflow items Overlay Popover Progress bar Progress spinner Radio Resizer Scrollbar Search expandable Select Sidebar Sidepanel Skeleton Split button Splitter Table Tabs Tag Tag autocomplete Tag input Tag list Textarea Time range Timepicker Timezone Title Toast Toggle Tooltip Topbar Tree Tree select Username
Other
 Date formatter Filesize formatter Forms Number formatter Validation
Icons
CDK
 Key managers Keycodes
Interface and examples language
English
Version
19.7.0
Navbar

The main menu allows for product navigation. It consists of a logo and section links. You can also add an application switch, main action button, notification center, and search.

You can place the menu at the top or to the left. Both options have their advantages. Select the one that suits your product better.

Horizontal menu

The menu uses the top row and allows content to occupy the full screen width. The horizontal menu works better with three or more columns. The main menu is pinned to the top and remains visible when you scroll content.

Vertical menu

The vertical menu is convenient for long pages. When unfolded, it takes more place on a screen. When collapsed, it shows sections as icons. In some cases, it may be a challenge to pick a clear visual representation for a section.

Unfolded menu that overlays content

You can also make the vertical menu overlay page content.

Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.