- React

## Examples

### Basic

### Term help text

### Default 2 col

### Default 3 col on lg

### Horizontal

### Horizontal using custom term width modifier

### Horizontal 2 col

### Horizontal 3 col on lg

### Compact

### Compact horizontal

### Fluid horizontal

### Column fill

### Large display size

## Responsive column definitions

### Default responsive columns

### Horizontal responsive columns

### Responsive horizontal, vertical group layout

## Auto-column-width

### Default auto column width

### Horizontal auto column width

## Inline grid

### Default inline grid

## Card variants

A card component can be used in place of a description list group.

### Description list with card

### Description list with large display size and card

### Display size with card, three column on large breakpoint

### Display size with card, horizontal, modified term width

## Auto fit

### Auto-fit basic

### Auto-fit, min width modified grid template columns

### Auto-fit, min width modified, responsive grid template columns

## With icons

### Icons on terms

##
CSS variables