package.docs.components.SimpleList.examples.SimpleList.md Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation

Assets, source, tooling, and content for PatternFly 4

The newest version!

---
id: Simple list
section: components
cssPrefix: pf-v6-c-simple-list
---## Examples

### Simple list

```html

  
    
      
    
    
      
    
    
      
    
  


```

### Simple list with links

```html

  
    
      List item 1
    
    
      List item 2
    
    
      List item 3
    
  


```

### Grouped list

```html

  
    Title
    
      
        
      
      
        
      
      
        
      
      
        
      
    
  
  
    Title
    
      
        
      
      
        
      
      
        
      
      
        
      
    
  


```

## 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` | `` | Initiates a simple list. |
| `.pf-v6-c-simple-list__section` | `` | Initiates a simple list section. |
| `.pf-v6-c-simple-list__title` | `` | Initiates a simple list title. |
| `.pf-v6-c-simple-list__list` | `` | Initiates a simple list unordered list. |
| `.pf-v6-c-simple-list__item` | `` | Initiates a simple list item. |
| `.pf-v6-c-simple-list__item-link` | `