# Description List (/layout/description-list)





<ComponentPreview name="description-list-preskok-demo" description="A compact two-column description list." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/description-list
```

## Usage [#usage]

```tsx
import { DescriptionList } from "@/components/ui/preskok-ui/description-list"

export function Example() {
  return (
    <DescriptionList>
      <DescriptionList.Term>Project</DescriptionList.Term>
      <DescriptionList.Details>Preskok UI</DescriptionList.Details>
    </DescriptionList>
  )
}
```

## Components [#components]

* **DescriptionList**: root `dl`
* **DescriptionList.Term**: `dt`
* **DescriptionList.Details**: `dd`