Inputs

Built-in input tags — text / number / password / file fields and their wrappers, plus the controls (checkboxes, switches, sliders, radios, ratings, color pickers) — each a single Markdown tag with the full Mantine config surface.

Everything for collecting input, each a single built-in tag — no setup, no JavaScript to write. The text-entry fields wrap the matching Mantine inputs and expose their full surface (label, description, error, size, radius, variant, required, disabled, plus each field’s own props); the controls mount as interactive islands you can toggle, drag, and pick right on the page.

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 unstyled base input primitive every field is built on.
• Form — the useForm hook tying fields together: validation, submit, and collected values.

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).