Option
Element Option predstavuje jednotlivé voliteľné možnosti v rámci komponentu Select. Je obdobný štandardnému elementu HTML select a umožňuje používateľom vykonať jeden alebo viacero výberov na základe konfigurácie komponentu select. Tieto elementy sa môžu dynamicky napĺňať a sú navrhnuté tak, aby bezproblémovo spolupracovali s vlastnou logikou komponentu wje-select vrátane funkcií, ako je viacnásobný výber a vlastné štylizovanie.
Pre informácie o použití Option sa presuňte do dokumentácie elementu Select.
Kedy použiť
Použite wje-select-option, keď chcete riešiť daný UI problém konzistentne v rámci WebJET dizajn systému.
Kedy nepoužiť
Nepoužívajte komponent mimo jeho zodpovednosti; pri netypickom prípade radšej zložte viac menších prvkov.
Prístupnosť
Skontrolujte klávesnicové ovládanie, focus stavy, kontrast a zrozumiteľné pomenovanie interaktívnych prvkov.
Odporúčané postupy
- Preferujte API komponentu pred ručnými DOM zásahmi.
- Držte sa dizajnových tokenov a konzistentných konvencií pomenovania.
- Pred nasadením otestujte komponent v reálnych dátových scenároch.
Atribúty a vlastnosti
selected
| Popis | Označí položku ako vybranú. |
| Atribút | selected |
| Typ | boolean |
| Predvolené | - |
Udalosti
| Názov | Popis |
|---|---|
wje-option:change | Vyvolá sa pri zmene hodnoty komponentu. |
Metódy
optionClickCallback
| Popis | Spracuje callback optionClickCallback, ktorý vyvoláva životný cyklus hostiteľa. |
| Signatúra | (e: Event) => void |
CSS tieňové časti
| Názov | Popis |
|---|---|
native | Štýluje koreňovú shadow časť komponentu. |
CSS vlastné premenné
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
Sloty
| Názov | Popis |
|---|---|
start | Slot pre obsah zobrazený pred hlavným obsahom. |
default | Predvolený slot pre hlavný obsah komponentu. |
end | Slot pre obsah zobrazený za hlavným obsahom. |