---
id: Action list
section: components
cssPrefix: pf-c-action-list
propComponents: ['ActionList', 'ActionListGroup', 'ActionListItem']
---

import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';

## Examples

### Action list single group

```ts file="ActionListSingleGroup.tsx"
```

### Action list with icons

```ts file="./ActionListWithIcons.tsx"
```

### Action list multiple groups

```ts file="./ActionListMultipleGroups.tsx"
```

### Action list with cancel button

```ts file="./ActionListWithCancelButton.tsx"
```