Menu
Menus summarize actions in a dropdown. They can include actions that are rarely used, complementary, or repeated for each item in a Collection.
Required props
label
Trigger label
type
React.ReactNode
default
null
Optional props
asChild
Children composition
type
boolean
default
false
type
Type of dropdown
type
menu
actions
default
menu
iconOnly
Hide the textual label
type
boolean
default
false
variant
Change between color combinations.
type
primary
secondary
tertiary
default
tertiary
size
Increase or decrease padding.
type
normal
large
default
normal
open
Whether the content is visible.
Live examples:
type
boolean
default
false
setOpen
A callback that gets called when the
open state
changes.
type
((open: boolean) => void)
default
null
defaultOpen
Whether the content should be visible by default.
type
boolean
default
false
store
Another store object that will be kept in sync with the original store.
Live examples:
type
Store<Partial<S>>
default
null
placement
The placement of the popover.
Live examples:
type
Placement
default
"bottom-start"
