zen
DocumentationPlayground
Getting started
IntroductionInstallationUsage Guide
ColorsFontsSpacingBordersShadowsBreakpointsThemesCustomization
BoxFlexboxGridContainer
TextHeadingCodeBlockquote
Page headerAspect ratioResizableScroll areaSeparator
Overview
AutocompleteCheckboxCheckbox groupComboboxDate pickerInput groupNumber fieldOTP FieldPassword fieldRadio groupSearch fieldSelectSliderSwitchText fieldToggleToggle group
BreadcrumbsButtonButton groupCommandContext menuHover triggerLoading buttonMenuMenubarNavbarPaginationTabsToolbarTheme buttonTheme switcher
AlertAlert dialogConfirmation dialogDialogDrawerEmptyLoadingMeterModalPopoverPreview cardProgress barProgress circleSheetSkeletonStatus lightToastTooltip
AccordionAvatarBadgeCalendarCarouselCollapsibleData cardData tableIconImageKbdListTableTag group
Actions & Navigation

Menubar

A menubar displays a horizontal row of menus, like the menu bar found at the top of desktop applications.

Component props#

Menubar#

NameTypeDescription
isDisabledbooleanDisables the entire menubar

MenubarMenu#

NameTypeDescription
labelReactNodeLabel shown on the menubar trigger button
isDisabledbooleanDisables the menu
childrenReactNodeA Menu containing MenuItems
PreviousMenuNextNavbar
On this page
Component propsMenubarMenubarMenu
Powered by shiso