Label

Inputs

Accessible form label with required/optional markers, hint text and size variants.

Label — Tier 0 Primitive

Default Label

Required Field

Optional Field(optional)

Small Label

Large Label

With Hint

This field accepts your full legal name.

Disabled Label

Instalação via CLI

$ npx kikitocn add label

Interno:

@/lib/utils

Exemplo de uso

LabelExample.tsx

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

export function LabelExample() {
  return (
    <Label />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do label
`required`	`boolean`	`false`	Exibe marcador * de campo obrigatório
`optional`	`boolean`	`false`	Exibe marcador (opcional)
`hint`	`string`	`undefined`	Texto de apoio inline após o label
`disabled`	`boolean`	`false`	Aplica estilo desabilitado ao label
`htmlFor`	`string`	`undefined`	Associa o label a um input pelo id

Carregando…