Edit SVG Icon Button
The Edit SVG Icon Button is an icon-only edit action that renders a custom inline SVG pencil instead of a Material icon, for consistent iconography across your app. It extends the Base Button.
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 editSvgIconButton ariaLabel="Edit" (click)="onEdit()" mat-raised-button></button>API
An icon-only edit button that renders a custom inline SVG pencil instead of a Material icon, extending the base button. All other base inputs and outputs are inherited.
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
label | string | 'Edit' | Accessible button label text. |
classes | string | 'primary-button' | CSS classes applied to the button. |
See the Buttons introduction for the shared inputs, outputs and base-button API.