# `m-action-bottom-bar`

The Action Bottom Bar is a user interface component that provides a fixed area at the bottom of the screen for displaying action buttons and status messages. It is typically used in forms or interactive sections of an application to allow users to perform actions such as saving, resetting, or deleting content, while also providing feedback on the current state of their changes.

## 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

- [m-divider](../divider/README.md)

### Graph

```mermaid
graph TD;
  m-action-bottom-bar --> m-divider
style m-action-bottom-bar fill:#008240,stroke:#333,stroke-width:4px
```

