> ## Documentation Index
> Fetch the complete documentation index at: https://docs.attio.com/llms.txt
> Use this file to discover all available pages before exploring further.
#
> A component displaying label-value information.
```js theme={"system"}
import {DescriptionList} from "attio/client"
```
It can be thought of as analogous to the [`
`, `
`, and `
` HTML tags](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dl).
## Example
```tsx TypeScript theme={"system"}
import {DescriptionList, Badge, Link} from "attio/client"
export function InformationDialog() {
const handleEdit = () => {
// Handle edit action
}
const handleDelete = () => {
// Handle delete action
}
return (
A large feline inhabiting Bodmin Moor.
A sea serpent.
A giant owl-like creature.
FolkloreCornwallParanormal
)
}
```
## Props
An optional title to display in the description list.
The ``s and optional `` with the information to display.
An `` component can *only* have ``s and an optional `` as children.
# ``
An item with information.
## Props
The label of the information.
An optional [Attio Icon](../icons).
The information corresponding to the label.
An `` can contain *either* text (including [``](./link)s), *or*
[``](./badge)s, but never both.
# ``
A dropdown menu for the description list, displayed as a three-dot icon button. It aligns with the title if provided, or with the first item if no title is set.
## Props
The ``s to display in the menu.
# ``
A menu item within a ``.
## Props
The label of the menu item.
An optional [Attio Icon](../icons) for the menu item.
The visual variant of the menu item. Use `"danger"` for destructive actions.
The callback to invoke when the menu item is selected.
```js theme={"system"}
import {DescriptionList} from "attio/client"
```
It can be thought of as analogous to the [`