<tyro-ui-select>
Select
Custom dropdown select - supports optional icons per option, a placeholder when nothing is selected, and two variants:
normal and lite. Normal
No default selection (placeholder)
Lite
Pre-selected value
With icons
Options with Remix Icon
Disabled
Normal disabled / Lite disabled
Inputs
Property | Type | Default | Description |
|---|---|---|---|
[items] | ITyroUiSelectItem[] | [] | List of options (value, label, icon?) |
[(value)] | string | undefined | undefined | Selected value - undefined = no selection (placeholder shown) |
[placeholder] | string | '-' | Text shown when no option is selected |
[variant] | 'normal' | 'lite' | 'normal' | Visual style of the select |
[disabled] | boolean | false | Disables the select |
Outputs
Event | Payload | Description |
|---|---|---|
(valueChange) | string | Emitted when the user selects an option |
ITyroUiSelectItem
export interface ITyroUiSelectItem {
value: string; // identifiant unique
label: string; // texte affiché (gérer la langue dans le parent)
icon?: string; // classe Remix Icon (optionnel)
}