e8-card-title
Updated on Sep 18, 2025 2 minutes to readA simple title component designed for use inside e8-card-body.
It provides a structured way to display the main title of a card with a customizable HTML tag.
Overview
e8-card-title is typically used within e8-card-body to display the main heading of a card.
You can control which HTML tag is used (h1, h2, h3, h4, etc.) to maintain semantic structure and styling consistency.
<e8-card>
<e8-card-body>
<e8-card-title
title="Main Card Title"
title-tag="h3"
></e8-card-title>
<p>This is the body content of the card.</p>
</e8-card-body>
</e8-card>
🔽 Show more
This is the body content of the card.
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| title | Title text displayed in the card body. | string | — |
| title-tag | HTML tag for the title. | string | 'h4' |
Slots
| Slot | Description |
|---|---|
| default | Slot for inserting custom content inside the title component. Useful for inline formatting or additional HTML elements. |