Field Types

A text input flanked by a currency symbol for capturing monetary amounts.

Text input with prefix and/or suffix text addons for formatted inputs.

A single-line input field rendered as a native HTML input. Supports the text, email, tel, url, password, and number input types.

Multi-line text input for longer content like messages, descriptions, or comments.

Radio group styled as segmented buttons for visual selection.

Searchable dropdown with autocomplete for finding options quickly.

Searchable dropdown powered by cmdk. Renders the same popover UI as combobox.

Native HTML select dropdown for simple selection needs with maximum browser compatibility.

Single selection from a list of options using radio buttons.

A dropdown select field for choosing from a list of options. Uses Radix UI for accessibility.

Selection using rich card components with icons, titles, and descriptions.

Multiple selection using button-style toggles for visual multi-select.

A boolean checkbox field for accepting terms, toggling options, or confirming choices.

Multiple selection from a list of options using checkboxes.

A toggle switch for boolean values with a more prominent visual than checkbox.

Multiple toggle switches for selecting multiple options with prominent visual feedback.

Calendar-based date selection with configurable constraints.

Calendar-based selection for date ranges like booking periods or date filters.

A file upload field rendered as a native HTML file input. Supports accept filters, multiple selection, and acts as the attachment mechanism for hosted uploads.

Invisible field that resolves a dynamic value at runtime — timestamps, URLs, IP addresses, UTM params, and more.

Render custom HTML or React components within a form for static content.

A Likert-style grid where each row is a single-choice question sharing one column scale.

One-time password input with individual digit boxes for verification codes.

An international phone input with a country selector that stores the number as an E.164 string.

A star rating control for capturing a 1-to-max integer score.

A dynamic list field — users add and remove groups of sub-fields, and the field submits an array of objects.

A free-hand signature pad that captures a hand-drawn signature as a PNG data URL.

A draggable slider for selecting numeric values or ranges. Supports single, range, and multi-thumb variants.