Basic

Options define the selectable items within a t1-select. Use the value attribute to set each option's machine-readable value.

Option 1 Option 2 Option 3

Disabled

Use the disabled attribute on individual options to prevent them from being selected.

Option 1 Option 2 (disabled) Option 3

Prefix & Suffix

Use the prefix and suffix slots to add icons or other content to either side of the option label.

Email Phone Chat

Prefix & Suffix Together

Both prefix and suffix slots can be used simultaneously on the same option.

Active Inactive Pending

Mixed Disabled Options

Multiple options can be disabled at once while others remain selectable.

Free Starter Pro Enterprise (contact sales) Custom (not available)

Inside Multiple Select

Options work in multi-select mode — selected items appear as tags and a checkmark marks each chosen option.

TypeScript JavaScript Python Rust Go C++ (unavailable)