Homecomponentsaction
Alpha
This component is in development. There could be breaking changes made to it in a non-major release of Prism. Please use with caution.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; blue0: CSSVarFunction; blue4: CSSVarFunction; blue1: CSSVarFunction; blue2: CSSVarFunction; ... 131 more ...; transparent: string; }, { ...; }>>
size
large
regular
data
DataAttributeMap