Components Buttons Save Primary Button

Save Primary Button

A primary button for save actions, styled to indicate importance. The Save Primary Button extends the Base Button and is used for save actions. It is styled to stand out and may include a save icon.

Usage

Directive (Preferred)
Component
<button ariaLabel="Save" (click)="onSave()" savePrimaryButton>Save</button>

API Reference

The Save Primary Button extends the Base Button and overrides below properties for save behavior. See Base Button for inherited properties.

Below are the inputs overridden by the Save Primary Button.

NameTypeDefaultDescription
loadingLabelstring'Saving...'Label to show when saving
labelstring'Save'Button label
iconstring'save'Material icon name to display
classesstring'btn-primary primary-button'CSS classes to apply