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

import { Fragment, useState } from 'react';
import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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"

```