# Label

Form label built on Text.

[Documentation](https://eoria.adamtrip.pt/components/label/)

[Registry source](https://eoria.adamtrip.pt/r/label.json)

npm dependencies: none declared directly.

Registry dependencies: text.

```sh
npx @eoria/cli add label
```

## Usage

```tsx
import { Label } from '@/components/ui/label'

<Label nativeID="email-label">Email</Label>
<Input accessibilityLabelledBy="email-label" accessibilityLabel="Email" />
```

## Props

| Prop       | Effect                                                        |
| ---------- | ------------------------------------------------------------- |
| `disabled` | Dims the label and ignores presses.                           |
| `onPress`  | Makes it a button, handy for toggling a checkbox by its text. |

Prefer [Field](https://eoria.adamtrip.pt/components/field.md), which sets the ids and the fallback `accessibilityLabel` for you.

## Source

[`registry/ui/label.tsx`](https://github.com/adamtrip-solutions/eoria/blob/main/registry/ui/label.tsx)