Forms

Native form controls styled to match the framework. Each input is its own feature flag so consumers can opt in to only what they need. Validation states use :user-invalid + [aria-invalid="true"]; disabled state uses :disabled. The framework ships zero JS.

This page is an index. Pick a control below for live demos, every !default variable, the consumed --kc-* tokens, and the per-control accessibility notes.

Controls

• Checkbox: independent on/off choice.
• Radio: one-of-many choice within a group.
• Switch: binary toggle painted as a sliding pill.
• Text input: single-line text-flavoured inputs.
• Textarea: multi-line text input.
• Select: dropdown one-of-many (and [multiple]) selection.
• File: native file picker with a styled vendor button.
• Range: continuous numeric slider with vendor-pseudo track and thumb.

Wrapper

• Field: label + control + help text wrapper with non-colour invalid glyph cue (WCAG 1.4.1).