e8-card-text
Updated on Sep 18, 2025 3 minutes to readA simple text wrapper component designed for use inside e8-card-body.
It provides consistent styling for paragraphs or blocks of text within a card.
Overview
e8-card-text is typically used within e8-card-body to wrap textual content.
You can customize the HTML tag used for semantic purposes (p, span, div, etc.) while keeping card text styling consistent.
<e8-card>
<e8-card-body>
<e8-card-text>
This is a paragraph inside the card body. You can include <strong>bold text</strong>, links, or other inline
HTML elements.
</e8-card-text>
<e8-card-text text-tag="span"> This is an inline span text example. </e8-card-text>
</e8-card-body>
</e8-card>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| text-tag | HTML tag to render the text as. | string | 'p' |
Slots
| Slot | Description |
|---|---|
| default | Slot for inserting text content or HTML inside the card-text component. |