shadow
Element Accordion umožňuje zobraziť obsah v rozbaľovacích sekciách. Každá sekcia môže byť rozbalená alebo zbalená kliknutím, čo umožňuje používateľom rýchlo nájsť a zobraziť požadované informácie. Komponent podporuje viacnásobný výber, čo znamená, že môže byť naraz rozbalených viacero sekcií. Okrem toho umožňuje nastaviť počiatočný index rozbalenej sekcie, čo poskytuje flexibilitu pri inicializácii komponentu s predvoleným rozbaleným obsahom.
Použite wje-accordion, keď chcete riešiť daný UI problém konzistentne v rámci WebJET dizajn systému.
Nepoužívajte komponent mimo jeho zodpovednosti; pri netypickom prípade radšej zložte viac menších prvkov.
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.
| Popis | Umožňuje mať rozbalených viac položiek accordionu naraz. |
| Atribút | multiple |
| Typ | boolean |
| Predvolené | - |
| Popis | Nastavuje index aktuálne aktívnej položky accordionu. |
| Atribút | index |
| Typ | number |
| Predvolené | - |
| Popis | Vypína používateľskú interakciu s accordion položkami. |
| Atribút | disabled |
| Typ | boolean |
| Predvolené | - |
| Popis | Určuje, či je accordion položka rozbalená. |
| Atribút | expanded |
| Typ | boolean |
| Predvolené | - |
| Názov | Popis |
|---|
wje-accordion-item:open | Vyvolá sa pri otvorení komponentu. |
| Popis | Spustí metódu collapseAll na vykonanie logiky komponentu a aktualizáciu jeho stavu. |
| Signatúra | (exception: any) => void |
| Popis | Vráti accordions z aktuálneho stavu komponentu. |
| Signatúra | () => Array |
Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
| Názov | Popis |
|---|
default | Predvolený slot pre hlavný obsah komponentu. |