Skip to main content

Thumbnail

Thumbnail | Image thumbnail component shadow

Thumbnail makes it easier to view larger images or other media by displaying a smaller preview of them. It can be used alone but also in other elements.

Basic Usage

Use in Items

When used in Item. elements, its size adjusts to the size of the parent, and its position can be specified by adding a slot with a value of start for left positioning, or end for right positioning.

Custom styles

Attributes and Properties

circle

DescriptionSets the element to round by adding css "border-radius: 50%"
Attributecircle
Typeboolean
Defaultfalse

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

NameDescription
--wj-border-radiusDefines the amount of rounding of the edges of the element.
--wj-thumbnail-heightDefines the height of the element.
--wj-thumbnail-widthDefines the width of the element.

Slots

No slots available for this component.