DatastarUI

Select

Displays a list of options for the user to pick from—triggered by a button.

Args examples

Simple Options

Grouped Options

With Disabled Options

Pre-selected Value

Form Integration

Select the theme that best suits your preference.

Choose your preferred language for the interface.

Your timezone will be used for scheduling and notifications.

Select the account type that best fits your needs.

Scrollable Select

Demonstrates a long list of options with custom max-height for scrolling. Use the Class parameter on SelectContent to set max-height.

Select a Country

This example uses Class: "max-h-[300px]" on SelectContent to enable scrolling.

Tab Navigation Test

Use the Tab key to navigate through these form elements and test focus behavior.