FormSaveBar
components/form/SaveBar.vue
Sticky save/cancel footer bar with dirty state management and loading spinner.
Form content area
States
Saving
Disabled
components/form/SaveBar.vue
Usage
<FormSaveBar
saveText = "Save"
savingText = "—"
:saving = "false"
:disabled = "false"
:dirty = "true"
:cancel = "true"
cancelText = "Cancel"
:floating = "true"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| saveText | String | 'Save' | Save button label |
| savingText | String | '' | Label during save |
| saving | Boolean | false | Show saving state |
| disabled | Boolean | false | Disable save button |
| dirty | Boolean | true | Show the bar (form has changes) |
| cancel | Boolean | true | Show cancel button |
| cancelText | String | 'Cancel' | Cancel button label |
| floating | Boolean | true | Sticky positioning |
Events
| Event | Description |
|---|---|
| save | When save is clicked |
| cancel | When cancel is clicked |