Item

shadow

Item components are blocks that can contain various types of content, including text, icons, avatars, images, inputs, and other standard or custom elements. Item elements are usually inside List elements.

Basic Usage

Separation lines

Use with images

Use with buttons

Use with icons

Attributes and Properties

No properties available for this component.

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

Name	Description
native	Refers to a div element inside an element.

CSS Custom Properties

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

Slots

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.