## Examples

### Unordered


import Example1 from './Example1.html?raw'

<LiveExample html={Example1} />

### Ordered


import Example2 from './Example2.html?raw'

<LiveExample html={Example2} />

### Inline


import Example3 from './Example3.html?raw'

<LiveExample html={Example3} />

### Plain


import Example4 from './Example4.html?raw'

<LiveExample html={Example4} />

### With horizontal rules


import Example5 from './Example5.html?raw'

<LiveExample html={Example5} />

### With small icons


import Example6 from './Example6.html?raw'

<LiveExample html={Example6} />

### With large icons


import Example7 from './Example7.html?raw'

<LiveExample html={Example7} />

## Documentation

### Overview

Non-inline lists can be nested up to any level.

### Usage

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-c-list` | `<ul>, <ol>` | Initiates a list. **Required**  |
| `.pf-m-inline` | `.pf-v6-c-list` | Displays list items inline. |
| `.pf-m-plain` | `.pf-v6-c-list` |  Removes the list marker and base indentation. |
| `.pf-m-bordered` | `.pf-v6-c-list` | Add horizontal divider between items in a list. |
| `.pf-m-icon-lg` | `.pf-v6-c-list` | Show all the icons or logos in the list large. |