@mozaic-ds/vue
Version:
Mozaic-Vue is the Vue.js implementation of ADEO Design system
32 lines (20 loc) • 978 B
Markdown
# MActionBottomBar
An action bottom bar is a fixed element positioned at the bottom of the screen or section, providing persistent access to key actions. It is commonly used for confirmations, validations, warnings, or bulk actions in forms, editing workflows, or data management. This component ensures that primary and secondary actions remain visible and accessible, even when scrolling.
## Props
| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `shadow` | If `true`, adds a shadow to the action bottom bar. | `boolean` | - |
## Slots
| Name | Description |
| --- | --- |
| `left` | The content displayed left side of the action bottom bar (e.g. StatusNotification or any element). |
| `right` | Use this slot to insert buttons of the action bottom bar. |
## Dependencies
### Depends on
- [MDivider](../divider)
### Graph
```mermaid
graph TD;
MActionBottomBar --> MDivider
style MActionBottomBar fill:#008240,stroke:#333,stroke-width:4px
```