Item
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
Name | Description |
---|---|
native | Refers to a div element inside an element. |
CSS Custom Vlastnosti
Name | Description |
---|---|
--wj-border-color | Colour of element edges |
--wj-border-style | Element edge style |
--wj-border-width | Width of the edges of the element |
--wj-item-background | Background colour of the element |
--wj-item-background-hover | Background colour of the element when pointing with the mouse |
--wj-item-border-radius | Size of the element roundness |
--wj-item-color | Text colour |
--wj-item-inner-border-width | Thickness of the edges of the inner part of the element |
--wj-item-inner-box-shadow | Inner box-shadow of the inner part of the element |
--wj-item-inner-padding-bottom | Lower internal offset of the inner part of the element |
--wj-item-inner-padding-end | Right internal offset of the inner part of the element in LTR, and left in RTL |
--wj-item-inner-padding-start | Left internal offset of the inner part of the element in LTR, and right in RTL |
--wj-item-inner-padding-top | Upper inner offset of the inner part of the element |
--wj-item-min-height | Minimum height of the element |
--wj-item-padding-bottom | Lower internal offset |
--wj-item-padding-end | Right internal offset in LTR, and left in RTL. |
--wj-item-padding-start | Left internal offset in LTR, and right in RTL. |
--wj-item-padding-top | Upper internal offset |
--wj-item-transition | Transition effect applied to 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. |