Wylie Dog

Inputs & Controls

12 components

Form controls for user data entry: buttons, calendars, checkboxes, form wrappers, inputs, labels, radio groups, selects, sliders, switches, textareas, and toggle groups.

Button

stable

Interactive trigger with primary, secondary, outline, ghost, and destructive variants.

Calendar

stable

Date picker with month navigation, range selection, and disabled date support.

Calendar component — open in Storybook

Checkbox

stable

A control that allows the user to toggle between checked and unchecked states.

Form

stable

Accessible form wrapper with built-in validation, error messages, and field descriptions.

Validation and error states supported.

Input

stable

Text field with support for types, placeholders, disabled state, and icons.

Label

stable

Accessible label for form controls with proper htmlFor association.

Radio Group

stable

A set of radio buttons where only one option can be selected at a time.

Option A
Option B
Option C

Select

stable

Dropdown selection with search, groups, and keyboard navigation.

Select an option…

Slider

stable

Range input for selecting a numeric value within a defined range.

50

Switch

stable

Toggle control for binary on/off states with accessible labeling.

Textarea

stable

Multi-line text input for longer form content with resize handling.

Toggle Group

stable

A set of two-state toggle buttons where one or more can be active.