Description List

Storybook

Description lists are a way to group and clarify associated ideas. They are notably useful when outlining and explaining terms, like those in a glossary.

Preview

Variants and Examples

Default

Column Direction

Long Text

With Term and Description Styles

Vue API

Props

Name
Description
Default
items
required

A list of items that represent the term and the description

Type: array
[]
descriptionClass

Used to customize the description element

Type: string|array|object
''
direction

The direction for the list

Type: string
Values: rowcolumn
'row'
gap

Set the space between the elements

Type: string
Values: 0100200300400500600
'400'
termClass

Used to customize the term element

Type: string|array|object
''
Description List documentation last updated Thursday, June 11, 2026