Input
Input controls are styled with a mix of Sass and Tailwind classes, allowing them to adapt to color modes and support any customization method.
Sizing
Using height, padding, and font-size utilities, you can easily change the size of an input.
Disabled
Use disabled
attribute on a select to give it a grayed out appearance and remove pointer events.
Select
Basic select component allows you to choose from a number of options.
Disabled
Use disabled
attribute on a select to give it a grayed out appearance and remove pointer events.
Textarea
Displays a form textarea or a component that looks like a textarea.
Disabled
Add disabled
to make the textarea element non-interactive.
Checkbox
Checkboxes are used to let a user select one or more options of a limited number of choices.
Radio
Radio buttons allow the user to select one option from a set.
Switch
A control that allows the user to toggle between checked and not checked.
Datepicker
A date picker component with range and presets.
Slider
An input where the user selects a value from within a given range.