Save Primary Button
The Save Primary Button is a primary button tuned for save actions. It combines primary styling with a save icon and a “Saving…” loading label, and extends the Base Button for the shared loading and accessibility behaviour.
Overview
Examples
Usage
Use the button through its directive selector on any element, or through its component selector. The directive form is preferred for new code; the component form remains supported.
<button savePrimaryButton [loading]="saving()" (click)="onSave()" mat-raised-button>Save</button>API
A primary button tuned for save actions, extending the base button. All other base inputs and outputs are inherited.
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
label | string | 'Save' | Button label text. |
icon | string | 'save' | Material icon name rendered before the label. |
loadingLabel | string | 'Saving...' | Text shown while saving (loading) is true. |
classes | string | 'btn-primary primary-button' | CSS classes applied to the button. |
See the Buttons introduction for the shared inputs, outputs and base-button API.