e8-dropdown-text
Updated on Sep 18, 2025 4 minutes to readA non-interactive text element inside an e8-dropdown menu.
Overview
e8-dropdown-text is used to display plain or styled text within a dropdown.
It supports custom HTML tags, text variants for coloring, and additional classes for styling.
Use this component to add descriptions, instructions, or labels inside a dropdown without making them clickable.
<e8-dropdown text="Info Menu">
<e8-dropdown-text variant="secondary"> This is a non-clickable description inside the dropdown. </e8-dropdown-text>
<e8-dropdown-item>Action 1</e8-dropdown-item>
<e8-dropdown-item>Action 2</e8-dropdown-item>
</e8-dropdown>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| tag | HTML tag used for rendering the text. | string | 'p' |
| text-class | Additional CSS classes applied to the text element. | E8CssClassType | — |
| variant | Color variant applied to the text. | E8TextColorVariants | — |
Slots
| Slot | Description |
|---|---|
| default | Content of the text element. Can include plain text or HTML. |