Form Field

Inputs

Accessible form field wrapper with label, hint and error message slots.

Instalação via CLI

$ npx kikitocn add form-field

Exemplo de uso

Form FieldExample.tsx

import { FormField } from "@/components/ui/cn/form-field/FormField";

export function FormFieldExample() {
  return (
    <FormField>
      Form Field
    </FormField>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Campo de entrada filho
`label`	`string`	—	Label do campo
`hint`	`string`	—	Texto de ajuda
`errorMessage`	`string`	—	Mensagem de erro
`required`	`boolean`	`false`	Exibir asterisco de obrigatório
`htmlFor`	`string`	—	ID do input associado
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…

Form Field

Form Field

Basic usage

Basic usage