Inputs
Collect user data with a range of input controls — text fields, selects, checkboxes, sliders, and more.
Text Input
Standard text input with label, placeholder, helper text, and error state support.
This will be your public display name.
Please enter a valid email address.
Input Sizes
Three input sizes for different density contexts — compact tables, standard forms, and large hero inputs.
Input with Addons
Enhance inputs with leading/trailing icons or text addons for contextual clarity.
Textarea
Multi-line text input for longer content like descriptions, bios, and messages.
0/200
Select
Dropdown select for choosing a single option from a predefined list.
Checkbox
Toggle individual options on or off. Supports checked, unchecked, indeterminate, and disabled states.
Radio Group
Select a single option from a mutually exclusive set of choices.
Switch
Binary toggle for enabling or disabling a setting with immediate effect.
Slider
Drag to select a value from a continuous range. Useful for volume, brightness, or price filters.
Input OTP
Six-digit one-time password input for verification flows like email confirmation or 2FA.