• Playground
Components
    • Checkbox
    • Combobox
    • Date Picker
    • Field
    • Input
    • Input Group
    • Label
    • Radio Group
    • Select
    • Slider
    • Switch
    • Textarea
    • Toggle
    • Toggle Group
  • Custom
Surfaces
  • SEO
  1. Playground
  2. Components
  3. Forms

Forms

Each form component captures user input with accessible labels, validation, and states.

Checkbox

A two-state binary control for picking multiple items from a set.

Combobox

A text input bound to a list of choices that filters as you type.

Date Picker

A date field that opens a calendar grid for selection.

Field

A composition primitive bundling label, helper text, and validation messages with a control, ensuring consistent form layout.

Input

A single-line text field, used for form entries like names, queries, and values.

Input Group

A container that attaches addons (icons, text, buttons) to an input.

Label

A typographic primitive for naming a form control.

Radio Group

A picker for a set of mutually-exclusive options where only one is selected.

Select

A dropdown for picking one option from a list.

Slider

A numeric input whose value comes from a thumb's position along a track.

Switch

A two-state toggle that flips a setting on or off, used for binary choices.

Textarea

A multi-line field that accepts longer user-typed text, providing space for comments, messages, descriptions, and other free-form input.

Toggle

A button that retains its pressed state, used for binary mode switches.

Toggle Group

A toolbar of mutually-exclusive buttons, aggregating related mode flips into one control.