Typography

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.