Forms

Form

Form wrapper with react-hook-form + zod validation.

Composed of

Structured form using react-hook-form + zod. Compose from Label, Input, Select, Checkbox.

Single-line text input with label and error state.

Accessible form label. Pairs with any input.

Dropdown selection with keyboard nav and type-ahead.

Binary toggle for multi-select patterns.

Primary action trigger. 5 variants, 3 sizes, asChild.

Usage

import { Form } from "@doss/tetris-ui";