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

import { Fragment, useState } from 'react';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-close-icon';
import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-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"

```

### Vertical action list

```ts file="./ActionListVertical.tsx" isBeta

```
