1. Basic Forms
  2. Select

Components

Tailwind CSS Select - Preline UI

Select allows users to make a single selection or multiple selections from a list of options.

Basic usage

Example

Custom styles are limited to the <select>'s initial appearance and cannot modify the <option>s due to browser limitations.

Sizes

Selects stacked small to large sizes.

Shape

Pilled select

Use the .rounded-full utility class to make select circular.

Disabled

Disabled input.

Label

Basic input example with label.

Hidden label

<label> elements hidden using the .sr-only class

Validation states

It provides valuable, actionable feedback to your users with HTML5 form validation.

Please select a valid state.

Looks good!