- React
- HTML

## Examples

### Simple list

### Simple list with links

### Grouped list

## 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.

##
CSS variables