Mobile Menu

Mobile Menu example

Example of a mobile menu

Mobile Menu with Navigation group example

Example of mobile menu with navigation groups

Mobile Menu with subgroup example

Example of mobile menu with navigation subgroup

APIs

MobileMenu.Props

AttributeDescriptionTypeAccepted valuesDefault
direction?Placement of menustringleft, rightleft
isSwipeable?:Menu is swipeablebooleantrue, falsetrue
animationTime?time to complete the animationnumber-300 (in milliseconds)
...native propsHTMLAttributes'id', 'className', ...-

MobileMenuButton.Props

AttributeDescriptionTypeAccepted valuesDefault
notHidinghide menu button or notbooleantrue, falsefalse
...native propsHTMLAttributes'id', 'className', ...-

MobileMenu.Item.Props

AttributeDescriptionTypeAccepted valuesDefault
titletext to display as linkstring--
urlnavigation link urlstring--
...native propsHTMLAttributes'id', 'className', ...-

MobileMenu.Group.Props

AttributeDescriptionTypeAccepted valuesDefault
titletext to display as group namestring--
isExpandedto keep group expanded or collapsedbooleantrue, falsefalse
...native propsHTMLAttributes'id', 'className', ...-