# Description

> A short passage of supporting copy beneath a form control, styled at the library's default text size and the neutral muted foreground color.

```ts
import { Description } from "@sdxc/ui";
```

Renders its children inside a `<p>` sized and colored as a small run of
supporting copy: the library's default text size paired with the neutral
muted foreground color, placed after a control inside a field wrapper as a format hint or constraint note.

## Examples

```tsx
<Description id="password-hint">
  {t("field.password.hint")}
</Description>
```

## Props

Also accepts everything in `TagProps<"p">`.