e8-card-sub-title
Updated on Sep 18, 2025 2 minutes to readA simple subtitle component designed for use inside e8-card-body.
It supports custom HTML tags and text color variants, allowing you to style subtitles consistently across cards.
Overview
e8-card-sub-title is typically used within e8-card-body to display a subtitle beneath the main title.
You can control the HTML tag used (h6, h5, etc.) and apply text color variants to match your card's theme.
<e8-card>
<e8-card-body title="Card Title">
<e8-card-sub-title
sub-title="Supporting subtitle text"
sub-title-text-variant="secondary"
></e8-card-sub-title>
<p>Main content of the card goes here.</p>
</e8-card-body>
</e8-card>
🔽 Show more
Main content of the card goes here.
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| sub-title | Subtitle text displayed in the card body. | string | — |
| sub-title-tag | HTML tag for the subtitle. | string | 'h6' |
| sub-title-text-variant | Text color variant for subtitle. | E8TextColorVariants | 'muted' |
Slots
| Slot | Description |
|---|---|
| default | Slot for inserting custom content inside the subtitle component. Typically used for inline formatting or additional HTML. |