---
id: Description list
section: components
---

import { useRef, useState } from 'react';
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';

## Demos

### Basic

```ts file="examples/DescriptionListBasic.tsx" isFullscreen

```

### In drawer

```ts file="examples/DescriptionListInDrawer.tsx" isFullscreen

```
