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
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.
Atribúty a Vlastnosti
inset
| Description | If true, the element gets an outer offset and rounding. |
| Attribute | inset |
| Type | boolean |
| Default | false |
lines
| Description | If true, the element displays horizontal lines between the sheet element items. |
| Attribute | lines |
| Type | boolean |
| Default | false |
lines
| Description | By setting to "none", hides the separator lines between elements inside the List element |
| Attribute | lines |
| Type | "none" ｜ undefined |
| Default | undefined |
Eventy
No events available for this component.
Metódy
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Vlastnosti
| Name | Description |
|---|---|
--wje-list-background | Background colour of the element |
--wje-list-border-radius | Size of the element roundness |
--wje-list-inset-padding | Internal indentation of the list when in nested mode (with the inset attribute). The default value is 1rem. |
Sloty
| Name | Description |
|---|---|
| `` | The default slot for the contents of the list. |