Homecomponentsaction
DropdownMenu
Displays a menu to the user, triggered by a button.
Create a DropdownMenu that provides a list of actions to perform.
With icons
Use the startIcon and endIcon properties to add icons before or after the label respectively.
Colored icons
Use the iconColor property to set the color of the startIcon.
Large size
Use the size property to change the size of the items.
Secondary label
Use the secondaryLabel to add a secondary label below the main label.
Alignment
Use the align property to align the menu.
API
DropdownMenu
trigger
Required
ReactNode
children
Required
ReactNode
size
large
regular
align
end
start
data
DataAttributeMap
DropdownMenuItem
label
Required
ReactNode
onClick
Required
() => void
secondaryLabel
ReactNode
startIcon
IconComponent
endIcon
IconComponent
iconColor
ConditionalStyle<Values<{ red5: CSSVarFunction; red0: CSSVarFunction; red4: CSSVarFunction; red2: CSSVarFunction; red9: CSSVarFunction; ... 131 more ...; transparent: string; }, { ...; }>>
data
DataAttributeMap