ActionList


Examples


margin
layout
Learn More
actions
[{content: ReactNode, ...}]
Deprecated
Actions e.g. [{ content: 'action label', onClick: callback() }] Note: each item can include an optional "section" key that will be used to auto group into sections, declaratively
children
node
Content of the ActionList
sections
[[{content: ReactNode, ...}]]
Deprecated
Creates sections e.g. [[{ content: 'action label', onClick: callback() }]]
maxHeight
string | number
Max height of list
groupByKey
string
default: 'section'
Deprecated
Group by key used to auto group actions into sections, defaults to "section"

None

children
node
Content of the ActionList Section

None

children
node
Content of the ActionList Action
helpText
string
Renders a string of secondary text
highlighted
bool
Highlights the action. Useful for wrappers that manage focus or keyboard navigation, such as downshift
is
string
default: "link"
Possible values:
"link"
"button"
If set to "button", renders the action as a button in the DOM, otherwise, renders an acnhor element
selected
bool
Deprecated
Use the checkbox component inside a popover instead