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

import { useRef, useState } from 'react';
import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';

## Demos

### Basic

```js file='./examples/DescriptionListBasic.tsx' isFullscreen
```

### In drawer

```js file='./examples/DescriptionListInDrawer.tsx' isFullscreen
```