Inputs

Built-in input tags — text / number / password / file / date fields and their wrappers, plus the controls (checkboxes, switches, sliders, radios, ratings, color pickers) — each a single Markdown tag, with the supported options listed on its own page.

Everything for collecting input, nearly all of it a single built-in tag — no setup, no JavaScript to write. (Two entries are project snippets this site ships rather than built-in tags: the rich-text editor and the form example. Their pages say what to copy.) The text-entry fields carry the options you reach for on a form — label, description, error, size, radius, variant, required, disabled, plus each field’s own — and the controls mount as interactive islands you can toggle, drag, and pick right on the page. Each tag accepts the attributes its own page lists and nothing else; an unrecognised one stops the build rather than being ignored, so that table is the list to work from.

Fields

• TextInput — a single-line text field.
• Textarea — a multi-line text field with autosize.
• NumberInput — numeric entry with min/max/step, prefix/suffix, and controls.
• PasswordInput — a password field with a show/hide toggle.
• JsonInput — a textarea that validates and reformats JSON.
• MaskInput — formatted entry against a fixed pattern (phone, date, card).
• FileInput — a file picker with accept, multiple, and clearable.
• Dropzone — a drag-and-drop file upload zone with a built-in drag-state overlay.
• PinInput — a row of single-character boxes for codes / PINs.
• NativeSelect — a native <select> from a delimited option list.
• Fieldset — a bordered group of fields with a legend.
• Input — the bare input control, with no label or message wrapper.
• Form — the useForm hook tying fields together: validation, submit, and collected values.

Dates and times

• DateInput — a free-typing date field parsed against a display format.
• DatePickerInput — a date field that opens a calendar to pick a day, a range, or several days.
• DateTimePicker — a combined date-and-time field with a calendar plus a time picker.
• TimeInput — a time field built on the browser’s native time control.

Toggles and choices

• Checkbox — a single labeled checkbox.
• Radio — a labeled radio button; share a name for a group.
• Switch — a toggle switch with optional on/off track text.
• Chip — a checkbox or radio styled as a pill.
• SegmentedControl — a row of mutually exclusive options.
• Rating — a star rating for feedback or scores.

Rich text

• RichTextEditor — a live in-page editor with a formatting toolbar (bold, italic, underline, lists, links), backed by Tiptap.

Sliders

• Slider — pick a number in a range, with marks.
• RangeSlider — pick a range with two thumbs.
• AngleSlider — pick an angle on a dial (0–360°).
• HueSlider — pick a hue along the spectrum.
• AlphaSlider — pick an alpha (opacity) for a color.

Color pickers

• ColorInput — a text input with a swatch and dropdown picker.
• ColorPicker — an inline saturation + hue (+ alpha) picker.

Focus

• FocusTrap — keep keyboard focus inside a region (the focus behavior behind modals).