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.
Main content of the card goes here.
<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
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. |