Select

Select provides a dropdown list from which users can select one or more options.

Since Radix-Select cannot disable modal mode, Tailsee's Select component is based on HeadlessUI-Listbox. Tailsee has implemented common scenarios, such as different indicators and various entry animations.

Basic

Sizes

Select components in different sizes for various layout needs

Rounded Style

Rounded-style select component for softer visual appeal

With Dot Indicator

Select component with dot indicators for highlighting option status

With Avatar

Avatar-integrated select component for user information display

With Scrollbar

Select component with scrollbar for multiple options

Animation

Slide Animation

Select component with slide animation for enhanced user experience

Code snippet not found, please check if the component name is correct

Scale Animation

Select component with scale animation for added dynamics

Code snippet not found, please check if the component name is correct

Dropdown Animation

Select component with dropdown animation for enhanced visual effect

Code snippet not found, please check if the component name is correct

Multi Select

Basic Style

Basic multi-select component for multiple option selection

Code snippet not found, please check if the component name is correct

With Counter

Multi-select component with counter for displaying selection count

Code snippet not found, please check if the component name is correct

With Clear Button

Multi-select component with clear button for enhanced user interaction

Code snippet not found, please check if the component name is correct

With Dismiss Button

Multi-select component with dismiss button for quick user operations

Code snippet not found, please check if the component name is correct

Advanced

Checked With RFH

Select component with RHF (Radio, Floating, Header) integration for complex selections

Code snippet not found, please check if the component name is correct

With Quick Button

Select component with quick buttons for enhanced operation convenience

Code snippet not found, please check if the component name is correct

With Loading Item

Select component with loading items for dynamic data display

Code snippet not found, please check if the component name is correct