Card Subtitle
The Card subtitle element is a component designed to be used within the Card Header element to display additional or secondary text, providing the user with additional context or information related to the main content of the card.
For more information on using Card Subtitle, navigate to the Card element documentation.
When to use
Use wje-card-subtitle 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-subtitle-font-size | Font size of the component;. |
--wje-card-subtitle-font-family | Font family of the component;. |
--wje-card-subtitle-padding | Padding of the component;. |
Slots
| Name | Description |
|---|---|
default | The card subtitle main content. |