Field — Playground
size
State
<kui-field label="Email" hint="Use your work email" error="">
<input kuiInput placeholder="mira@company.dev" />
</kui-field>| Name | Type | Default | Description |
|---|---|---|---|
| label | string | — | Visible label shorthand. Prefer this for simple field labels. |
| hint | string | — | Optional help text rendered below the control and wired through aria-describedby. |
| error | string | — | Explicit error text rendered below the control and wired through aria-describedby. |
| hideErrors | boolean | — | Hides automatic, explicit, and projected error messages while keeping invalid state. |
| required | boolean | — | Explicit required marker override. Omit when Signal Forms can infer it. Also drives aria-required on the projected control. |
| size | 'xs' | 'sm' | 'md' | 'lg' | — | Field spacing and projected control size. Falls back to defaults.field.size, then the global defaults.size. |
| [kuiLabel] / [kuiHint] / [kuiError] | marker directives | - | Projected label, hint and error with the same field wiring. kuiError is manual content: render it with @if. |
| [kuiFieldAffix] | directive | - | Prefix, suffix, icon or action chrome inside the field: button hosts get action styling, kui-icon an icon slot, anything else muted text (emphasis input for full color). kuiFieldAffixIcon and kuiFieldAction are explicit overrides. |
| .kui-input-group / KuiInputGroup | class and directive | - | Hand-built input group chrome; the directive delegates clicks on non-interactive chrome to the first enabled control. |
| KuiFieldOptions | interface | - | Shape of defaults.field: clearable, size and hideErrors. Controls inside the field take an explicit field size first, then their own defaults key, then defaults.field.size. |
Inputs, projected markers, provider defaults and tokens verified against @kikita-labs/ui v2.0.0 public typings.