Form

Form

reaviz 2100c9f 1.2 KB Updated

File contents

Form

Input and control components for building forms and capturing user data. Includes text inputs, selects, date pickers, checkboxes, radios, toggles, and range sliders.

Components

Component Description
Calendar Date picker with day/month/year views, range, time, presets, min/max
Checkbox Animated checkbox with SVG marks, label, intermediate state
DateInput Text input with calendar popup, single date or range, presets
Input Text input with start/end adornments, sizes, error state
DebouncedInput Input with debounced onChange (wraps Input)
InlineInput Auto-sizing inline input that grows with content
Radio Radio button with animated indicator and label
RadioGroup Manages selection across multiple Radio buttons via context
RangeSingle Single-handle slider for value selection
RangeDouble Dual-handle slider for range selection
Select Dropdown with search, keyboard nav, multi-select, creatable options
Textarea Auto-resizing multi-line text input
Toggle On/off switch with animated handle

reaviz/skills/tree/main/reablocks/form commit 2100c9f4fb

Frequently asked questions

npx skillmds@latest add reaviz/form