Docked Form Footer

Docked Form Footer

Docked form footer is used to dock form actions to the bottom of the viewport

Base

Preview

No content has been added for this component.

No content has been added for this component.

<div class="slds-docked-form-footer">
  <button type="button" class="slds-button slds-button_neutral">Cancel</button>
  <button type="button" class="slds-button slds-button_brand">Save</button>
</div>

About Base

The popover should be positioned with JavaScript.

When errors are found within a form, the user will be notified with a popover with the page-level errors listed out. Please provide a contextually specific title for the dialog with the aria-label attribute. e.g. "Acme Global edit form errors"


Overview of CSS Classes

Selector.slds-docked-form-footer
Summary

Creates a docked form footer

Restrictdiv
VariantTrue