---
id: List
section: components
cssPrefix: pf-v6-c-list
propComponents: ['List', 'ListItem']
---

import RhUiLearnFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-learn-fill-icon';
import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon';
import RhUiDesktopIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-desktop-icon';

## Examples

### Basic

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

```

### Inline

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

```

### Ordered

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

```

### Plain

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

```

### With horizontal rules

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

```

### With icons

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

```

### With large icons

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

```