Option

shadow

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é	false

value

Popis	Nastavuje aktuálnu hodnotu komponentu.
Atribút	value
Typ	string
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.