PatternFly

Action list

An action list is a group of actions, controls, or buttons with set spacing.

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

Overview

Usage

Attribute
Applied to
Outcome
.pf-v5-c-action-list
<div>
Initiates the action list container.
.pf-v5-c-action-list__item
<div>
Initiates the action list item container.
.pf-v5-c-action-list__group
<div>
Initiates the action list group container.
.pf-m-icons
.pf-v5-c-action-list, .pf-v5-c-action-list__group
Modifies the action list to support button icons.

CSS variables

Expand or collapse columnSelectorVariableValue
.pf-v5-c-action-list--pf-v5-c-action-list--m-icon--spacer
0
.pf-v5-c-action-list--pf-v5-c-action-list--child--spacer-base
1rem
.pf-v5-c-action-list--pf-v5-c-action-list--group--spacer-base
3rem
.pf-v5-c-action-list--pf-v5-c-action-list--child--spacer
1rem
.pf-v5-c-action-list--pf-v5-c-action-list--group--spacer
3rem
.pf-v5-c-action-list.pf-m-icons--pf-v5-c-action-list--child--spacer
0

View source on GitHub