Basic Select

A standard single-value select with a placeholder.

Apple Banana Cherry Grape Mango

Sizes

Use the size attribute to change the select's size.

Option A Option B Option A Option B Option A Option B

Clearable

Add clearable to show a clear button when a value is selected.

Red Green Blue

Disabled

Add disabled to prevent interaction.

Option A

Disabled Options

Individual options can be disabled.

Free Pro Enterprise (contact sales)

Multiple

Add multiple to allow selecting more than one option. Selected values are shown as tags.

TypeScript JavaScript Python Rust Go

Pill

Use pill for fully rounded edges.

Option A Option B

Help Text

Use help-text for additional context.

Low Medium High Critical

Change Events

The select emits t1-change when the value changes.

One Two Three