e8-modal-command-bar
Updated on Sep 18, 2025 1 minutes to readA responsive command bar designed to be used inside a modal, supporting compact and full layouts, and dynamically positioning itself in the modal header or footer.
Overview
e8-modal-command-bar is used inside e8-modal and automatically adjusts its layout depending on screen width, modal size, and presence of a header.
In compact mode (mobile or small screens), it renders a dropdown with a "three-dots" icon. In full mode (desktop), it displays all child elements inline.
It also supports a default action button that can be moved to the footer for quick access.
🔽 Show more
Slots
| Slot | Description |
|---|---|
| default | Slot for actions and dropdowns displayed in the command bar. Child components can include e8-modal-action, e8-modal-dropdown, and other interactive elements. |