e8-modal-action
Updated on Sep 18, 2025 13 minutes to read]A component used within the command bar of a modal to represent an interactive action (button or link).
Overview
e8-modal-action serves as a versatile element for user interaction inside e8-modal-command-bar. It renders as a standard action button, supporting navigation via href or custom function calls via on-click.
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| action-class | Custom CSS classes applied to the action button. | E8CssClassType | — |
| circle | Renders the action as a circular button. | boolean | false |
| default | Marks the action as the default one within the command bar. | boolean | false |
| disabled | Disables the action, making it non-interactive. | boolean | false |
| href | The URL to navigate to when the action is clicked. If set, the action behaves as an anchor (<a>). | string | — |
| outlined | Renders the button with an outlined style. | boolean | false |
| target | Specifies where to open the linked URL (e.g., _blank). Only relevant when href is provided. | string | '_self' |
| variant | Specifies the color style of the button . | E8ButtonColorVariants | 'primary' |
Slots
| Slot | Description |
|---|---|
| default | Content displayed inside the action (e.g., text, icons). |
Events
| Event | Description |
|---|---|
| on-click | Called when the action is triggered (button pressed or link followed). |