Carousel Item

shadow

The Carousel Item element is a component designed to be used within the Carousel element.

Note

For more information on using Card Title, navigate to the [Carousel] element documentation(./carousel)

When to use

Use wje-carousel-item to improve readability, scannability, and contextual understanding of content.

When not to use

Do not replace structured interactive data with media-only presentation when precision is needed.

Accessibility

Provide alt text, maintain readable contrast, and include text equivalents for icon-only controls.

Best Practices

• Compress media and use lazy loading in larger collections.
• Keep information priority consistent across cards/lists.
• Avoid duplicating the same meaning in icon and text without added value.

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

No CSS shadow parts available for this component.

CSS Custom Properties

Name	Description
--wje-card-title-font-size	Font size of the component;.
--wje-card-title-font-weight	Font weight of the component;.
--wje-card-title-margin	Margin of the component;.
--wje-card-title-padding	Padding of the component;.
--wje-card-title-line-height	Line height of the component;.

Slots

Name	Description
default	The card title main content.