Windcraft

21 contracts

Form components

The controls users act through — inputs, selects, checkboxes, buttons, and the rest. Windcraft ships a contract for each, so your AI tools generate form components with consistent variants, sizes, and rules instead of reinventing them per page.

ButtonPrimary interactive control for triggering actions. Use whenever a user must commit a decision (save, submit, confirm, cancel, navigate to a destructive flow).
IconButtonSquare button rendering only an icon. For dense toolbars, table rows, and headers where a label would crowd the layout.
ToggleButtonButton that maintains a pressed state — visual "this option is currently active". Use for view modes, filters, and segmented controls.
InputSingle-line text entry control. The default form primitive; ~80% of form fields are this.
TextareaMulti-line text entry. Use when expected input exceeds ~80 characters.
NumberInputNumeric input with steppers. For quantities, ages, durations.
PasswordInputPassword entry with reveal/hide toggle and optional strength meter.
SearchSpecialised input for query/find flows. Includes leading magnifier, clear button, and built-in debounce contract.
OTPInputSix-digit one-time-passcode input for 2FA / email verification.
SelectChoose one option from a fixed (≤30) list. For >30 use Combobox. For ≤5 use a SegmentedControl.
ComboboxSearchable dropdown for >30 options. Filters as the user types.
MultiSelectPick multiple from a list. Renders selections as chips inside the trigger.
CheckboxIndependent boolean toggle. Often grouped under a single Label/Legend.
RadioMutually exclusive choice within a RadioGroup. Use ≤5 options; for more, use Select.
SwitchiOS-style toggle for binary settings. Activates immediately on tap (no apply button).
SliderContinuous or stepped numeric range — for volume, opacity, price ranges.
DatePickerCalendar-based date selection. Trigger is an input + calendar icon; opens a popover with month grid.
DateRangePickerTwo-thumbed date selector. Defaults to two-month side-by-side calendar.
TimePickerHour + minute selector. Locale-aware 12/24h.
FileUploadDrag-and-drop + click-to-browse file input. With progress and error per file.
ColorPickerColor selection with HEX/RGB/HSL tabs and a saturation/value canvas. Used in admin tooling and theming UIs.

Related

Display components
Navigation components
Layout components

Get form components in your project.

Get started