SelectMenu
The SelectMenu component is triggered on the click of a button or your choice of a standalone link using the isLink prop, and expands from the center if not close to the edge of the page. The Menu contains a list of MenuItems, with a white background, and level 2 elevation. The Menu also remembers the user’s selection and displays it as the label for the button/link trigger.
The Modal brings focus to the first menu element upon the click of the trigger, and can be escaped on click away or key press. Set a default message with the defaultMessage prop string. Use the defaultSelected prop to signify that a menuItem is the default to open to.
Basic usage
Linked variant
- defaultMessage
stringRequiredDefault'Select...'String that is displayed for default value of the
SelectMenu - isLink
boolRequiredDefaultfalseDisplays chosen value of the
SelectMenuas a link - children
nodeRequired RequiredSpecifies the content of the
SelectMenu - className
stringRequiredSpecifies class name to append to the base element
- defaultSelected
boolRequiredDefaultfalseSpecifies that this
MenuItemis selected inside theSelectMenu - className
stringRequiredSpecifies class name to append to the base element
- children
nodeRequiredDefaultnullSpecifies the content of the
MenuItem - as
elementTypeRequiredDefault'button'Specifies the base element
- iconBefore
elementRequired |funcRequired RequiredSpecifies the jsx before the content of the
MenuItem - iconAfter
elementRequired |funcRequired RequiredSpecifies the jsx after the content of the
MenuItem