KasyKasy

Control Field

Viewer ao vivo e documentação do componente Control Field.

Sobre

Layout genérico "controle + título + descrição + erro" — a linha que KasyCheckbox e KasyRadio já montam internamente para seu próprio controle. Extraído para que qualquer controle (KasySwitch, um slot customizado, qualquer widget) tenha o mesmo tratamento de texto sem reimplementar isso.

  • control: o widget do controle em si (checkbox, radio, switch, ou qualquer widget custom).
  • title / description: texto ao lado do controle. Sem nenhum dos dois, retorna só o control puro (sem coluna de texto).
  • errorText: mensagem de erro sob a descrição; também aplica a cor de invalid a título e descrição mesmo sem isInvalid.
  • isInvalid: força a cor de invalid sem precisar de errorText.
  • isDisabled: aplica cor "muted" ao título.
  • size: sm, md (padrão), lg — escala de texto que acompanha o ritmo de KasyRadio/KasyCheckbox.
  • controlTopOffset: ajusta o controle para centralizar na primeira linha do título (padrão 2; 0 para controles que já ficam na baseline, como KasyCheckbox).
  • titleWeight: peso do título (KasyCheckbox usa w600, KasyRadio usa w500).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página