List
Komponent List (Zoznam) sa skladá z viacerých elementov Item (položiek) a môže obsahovať text, tlačidlá, prepínače, ikony, náhľady obrázkov, a mnoho iného. Listy vo všeobecnosti obsahujú položky s rovnakým obsahom a zoskupujú ich do väčšieho celku.
Základné použitie
Ukážka predstavuje list ako základný kontajner pre viac itemov s jednotným rytmom a odsadením.
Vnorený list
Nastavením hodnoty vlastnosti inset na true sa do okolia elementu pridá margin a vznikne tak vnorený zoznam.
Oddeľovanie čiary
Vlastnosť lines upravuje spodný okraj itemov. Nastavením tejto vlastnosti na hodnotu "none" sa nezobrazia žiadne okraje medzi položkami zoznamu.
Kedy použiť
Použite wje-list na zobrazenie obsahu, ktorý zlepšuje čitateľnosť, skenovateľnosť alebo kontext informácií.
Kedy nepoužiť
Nepoužívajte ho ako náhradu za štruktúrované dáta tam, kde je potrebná presná interakcia.
Prístupnosť
Doplňte alternatívny text pre obrázky, čitateľné kontrasty a textové ekvivalenty pre ikony bez popisu.
Odporúčané postupy
- Komprimujte médiá a používajte lazy loading pri veľkých zoznamoch.
- Pri kartách a zoznamoch držte konzistentné informačné priority.
- Neopakujte rovnakú informáciu súčasne textom aj ikonou bez pridanej hodnoty.
Atribúty a vlastnosti
Pre tento komponent nie sú dostupné žiadne vlastnosti.
Udalosti
Pre tento komponent nie sú dostupné žiadne udalosti.
Metódy
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS tieňové časti
Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.
CSS vlastné premenné
| Názov | Popis |
|---|---|
--wje-list-inset-padding | Vlastná CSS premenná, ktorá riadi inset padding. |
--wje-list-border-radius | Vlastná CSS premenná, ktorá riadi zaoblenie rohov. |
--wje-list-background | Vlastná CSS premenná na štýlovanie komponentu (background). |
Sloty
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |