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 na "full" sa zobrazia okraje na celú šírku, "inset" zobrazí okraje upravené ľavým paddingom a "none" nezobrazí žiadne okraje.
Ak je na iteme nastavená vlastnosť lines, bude mať táto vlastnosť prednosť pred vlastnosťou na liste.
Atribúty a Vlastnosti
inset
Description | If true , the element gets an outer offset and rounding. |
Attribute | inset |
Type | boolean |
Default | false |
lines
Description | Specifies the style of separator lines between Item elements inside the List element |
Attribute | lines |
Type | "full" | "inset" | "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 |
---|---|
--wj-list-background | Background colour of the element |
--wj-list-border-radius | Size of the element roundness |
--wj-list-inset-padding | Internal offset of the element |
Sloty
Name | Description |
---|---|
end | The content is placed on the right in the LTR and on the left in the RTL. |
start | The content is placed on the left in the LTR and on the right in the RTL. |