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

import BookOpenIcon from '@patternfly/react-icons/dist/esm/icons/book-open-icon';
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
import DesktopIcon from '@patternfly/react-icons/dist/esm/icons/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"
```