Skip to content
Patternfly Logo

Info alert:Beta feature

This Beta component is currently under review, so please join in and give us your feedback on the PatternFly forum.

Examples

Action list single group


With kebab

Action list with icons

Action list multiple groups

Action list with cancel button

In modals, forms, data lists

In wizards

Props

ActionList

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNoChildren of the action list
isIconListbooleanNoFlag indicating the action list contains multiple icons and item padding should be removed

ActionListGroup

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNoChildren of the action list group

ActionListItem

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNoChildren of the action list item

CSS variables

.pf-c-action-list--pf-c-action-list--m-icon--spacer
0
.pf-c-action-list--pf-c-action-list--child--spacer-base
1rem
.pf-c-action-list--pf-c-action-list--group--spacer-base
3rem
.pf-c-action-list--pf-c-action-list--child--spacer
1rem
.pf-c-action-list--pf-c-action-list--group--spacer
3rem
.pf-c-action-list.pf-m-icons--pf-c-action-list--child--spacer
0

View source on GitHub