## Examples

### Simple list


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

<LiveExample html={Example1} />

### Simple list with links


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

<LiveExample html={Example2} />

### Grouped list


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

<LiveExample html={Example3} />

## Documentation

### Accessibility

| Attribute | Applied to | Outcome |
| -- | -- | -- |
| `tabindex="0"` | `a.pf-v6-c-simple-list__item-link` | Inserts the link into the tab order of the page so that it is focusable. **Required** |

### Usage

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-c-simple-list` | `<div>` | Initiates a simple list. |
| `.pf-v6-c-simple-list__section` | `<section>` | Initiates a simple list section. |
| `.pf-v6-c-simple-list__title` | `<h2>` | Initiates a simple list title. |
| `.pf-v6-c-simple-list__list` | `<ul>` | Initiates a simple list unordered list. |
| `.pf-v6-c-simple-list__item` | `<li>` | Initiates a simple list item. |
| `.pf-v6-c-simple-list__item-link` | `<button>`, `<a>` | Initiates a simple list item link. It can be a button or a link depending on the context. |
| `.pf-m-current` | `.pf-v6-c-simple-list__item-link` | Modifies the simple list item link for the current state. |