Skip to main content

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

DescriptionIf true, the element gets an outer offset and rounding.
Attributeinset
Typeboolean
Defaultfalse

lines

DescriptionSpecifies the style of separator lines between Item elements inside the List element
Attributelines
Type"full" | "inset" | "none" | undefined
Defaultundefined

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

NameDescription
--wj-list-backgroundBackground colour of the element
--wj-list-border-radiusSize of the element roundness
--wj-list-inset-paddingInternal offset of the element

Sloty

NameDescription
endThe content is placed on the right in the LTR and on the left in the RTL.
startThe content is placed on the left in the LTR and on the right in the RTL.