Components
Menu

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
critical
criticalTertiary
default
secondary

size

Increase or decrease padding.

type
normal
large
default
normal

open

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

type
Placement
default
"bottom-start"

Related components