Examples
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 column | Selector | Variable | Value | |
|---|---|---|---|---|
| .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--child--spacer-base --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-action-list | --pf-v5-c-action-list--group--spacer-base | 3rem | ||
--pf-v5-c-action-list--group--spacer-base --pf-v5-global--spacer--2xl $pf-v5-global--spacer--2xl pf-size-prem(48px) 3rem | ||||
| .pf-v5-c-action-list | --pf-v5-c-action-list--child--spacer | 1rem | ||
--pf-v5-c-action-list--child--spacer --pf-v5-c-action-list--child--spacer-base --pf-v5-global--spacer--md $pf-v5-global--spacer--md pf-size-prem(16px) 1rem | ||||
| .pf-v5-c-action-list | --pf-v5-c-action-list--group--spacer | 3rem | ||
--pf-v5-c-action-list--group--spacer --pf-v5-c-action-list--group--spacer-base --pf-v5-global--spacer--2xl $pf-v5-global--spacer--2xl pf-size-prem(48px) 3rem | ||||
| .pf-v5-c-action-list.pf-m-icons | --pf-v5-c-action-list--child--spacer | 0 | ||
--pf-v5-c-action-list--child--spacer --pf-v5-c-action-list--m-icon--spacer 0 | ||||
View source on GitHub
