Guide

Forms

Form controls, validation rules, selection groups, and practical structure.

Controls

Form components cover text input, OTP input, number input, select, autocomplete, checkbox, checkbox group, radio, radio group, select button, switch, slider, color picker, date picker, and file upload.

Most controls share `thickness`, `disabled`, `id`, `name`, `autocomplete`, and `tabindex` patterns through common input props. Checkbox and radio controls also support `extra-thin` only when `design` is `plain`.

Validation

`NmorphForm` uses validation helpers that support text patterns, number comparisons, boolean comparisons, and array rules. The form tracks touched state, validity, and errors per field.

Groups

Checkbox and radio groups provide shared state to their child controls. Use groups for repeated options and standalone controls for single binary or exclusive choices.

Resolution is not supported

Open the documentation on a device with a screen size of at least 375px by 640px.