Design System

Label

Rótulo acessível para campos de formulário. Construído sobre Radix UI Label. Conecta-se automaticamente ao campo via htmlFor.

import { Label } from "@workspace/ui/components/label";

<Label htmlFor="email">E-mail</Label>
<Input id="email" type="email" placeholder="ana@email.com" />

Com Input

Label associado a um campo de texto.

Com Checkbox

Label ao lado de um checkbox.

Desabilitado

Label herda o estado disabled do campo associado.

API Reference

PropTypeDefaultDescrição
htmlForstringID do campo associado
childrenReactNodeConteúdo do rótulo
classNamestringClasses adicionais para estilização