ctify

Menus

Menus display a list of choices on a temporary surface

Usage

Props

NameTypeDescriptionDefault
labelReact.ReactNodeThe text to show on the menu button.
popoverPropsPopoverPropsProps that allow changing the popover placement, flip behavior, style etc.
NameTypeDescriptionDefault
textValuestringA string representation of the item's contents, used for features like typeahead.
isDisabledbooleanWhether the item is disabled.false
classNamestring
styleReact.CSSProperties

Events

NameTypeDescription
onAction() => voidHandler that is called when the item is selected.
onHoverChange(isHovering: boolean) => voidHandler that is called when the hover state changes.
onHoverStart(e: HoverEvent) => voidHandler that is called when a hover interaction starts.
onHoverEnd(e: HoverEvent) => voidHandler that is called when a hover interaction ends.