Pular para o conteúdo
A
Get Pro

Field

FormuláriosCLI

Agrupa label, controle, descrição e erro com ids/ARIA automáticos (react-hook-form/zod).

Instalação

bash
pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css
/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

Uso

tsx
import {
  Field,
  FieldLabel,
  FieldControl,
  FieldDescription,
  FieldError,
  FieldGroup,
  FieldSet,
  useField
} from "aura-ui-components/field";

API

Exportações

FieldFieldLabelFieldControlFieldDescriptionFieldErrorFieldGroupFieldSetfieldVariantsuseField

Tipos

FieldPropsFieldLabelPropsFieldErrorPropsFieldSetProps

Dependências npm

@radix-ui/react-slotclass-variance-authority

Usa também

Label

Código-fonte

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.