# Core/ListItem - Design

## Properties

### Leading

Leading slots are commonly used for icons, avatars, or checkboxes.

### Label

A label is required for all list items. Their length may vary based on application but should always be succinct.

### Description

The description slot is used to display the description of the list item.

### Suffix

A suffix provides space for information such as item counts.

### Trailing

Trailing slots are most often used for components providing supplementary information, such as Pills, or controls for menus.

## Behavior

### Spacing

### Overflow

Labels will wrap if they are wider than the parent container. The list item remains aligned to the top of the text
box.

## Best Practices

**Do**

<p>
  Do maintain consistent with usage of leading and trailing slots.
</p>

**Don't**

<p>
  Don't mix items with and without slots.
</p>

**Do**

<p>
  Do keep interaction to single action per row.
</p>

**Don't**

<p>
  Avoid having multiple interactive elements in a list row.
</p>

**Do**

<p>
  Do omit unnecessary visual clutter, such as dividers.
</p>

**Don't**

<p>
  Don't include dividers when using a list group.
</p>