Skip to main content

Item

shadow

Komponenty Item sú bloky, ktoré môžu obsahovať rôzne typy obsahu vrátane textu, ikon, avatarov, obrázkov, inputov a iných štandardných alebo custom elementov. Item elementy sa zvyčajne nachádzajú vo vnútri List elementov.

Základné použitie

Oddeľovacie čiary

Použitie s obrázkami

Použitie s tlačidlami

Použitie s ikonami

Atribúty a Vlastnosti

No properties available for this component.

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to a div element inside an element.

CSS Custom Vlastnosti

NameDescription
--wj-border-colorColour of element edges
--wj-border-styleElement edge style
--wj-border-widthWidth of the edges of the element
--wj-item-backgroundBackground colour of the element
--wj-item-background-hoverBackground colour of the element when pointing with the mouse
--wj-item-border-radiusSize of the element roundness
--wj-item-colorText colour
--wj-item-inner-border-widthThickness of the edges of the inner part of the element
--wj-item-inner-box-shadowInner box-shadow of the inner part of the element
--wj-item-inner-padding-bottomLower internal offset of the inner part of the element
--wj-item-inner-padding-endRight internal offset of the inner part of the element in LTR, and left in RTL
--wj-item-inner-padding-startLeft internal offset of the inner part of the element in LTR, and right in RTL
--wj-item-inner-padding-topUpper inner offset of the inner part of the element
--wj-item-min-heightMinimum height of the element
--wj-item-padding-bottomLower internal offset
--wj-item-padding-endRight internal offset in LTR, and left in RTL.
--wj-item-padding-startLeft internal offset in LTR, and right in RTL.
--wj-item-padding-topUpper internal offset
--wj-item-transitionTransition effect applied to 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.