<tyro-ui-select>
Select
Select déroulant personnalisé - supporte des icônes par option, un placeholder quand rien n'est sélectionné, et deux variantes :
normal et lite. Normal
Sans sélection par défaut (placeholder)
Lite
Valeur pré-sélectionnée
Avec icônes
Options avec icône Remix Icon
Disabled
Normal désactivé / Lite désactivé
Inputs
Propriété | Type | Défaut | Description |
|---|---|---|---|
[items] | ITyroUiSelectItem[] | [] | Liste des options (value, label, icon?) |
[(value)] | string | undefined | undefined | Valeur sélectionnée - undefined = aucune sélection (placeholder) |
[placeholder] | string | '-' | Texte affiché quand aucune option n'est sélectionnée |
[variant] | 'normal' | 'lite' | 'normal' | Style visuel du select |
[disabled] | boolean | false | Désactive le select |
Outputs
Événement | Payload | Description |
|---|---|---|
(valueChange) | string | Émis quand l'utilisateur sélectionne une 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)
}