Examples
Props
ActionList
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Children of the action list | |
| className | string | '' | Additional classes added to the action list |
| isIconList | boolean | Flag indicating the action list contains multiple icons and item padding should be removed |
ActionListGroup
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Children of the action list group | |
| className | string | '' | Additional classes added to the action list group |
ActionListItem
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Children of the action list item | |
| className | string | '' | Additional classes added to the action list item |
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
