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 (for example, primaryButton on a <button>).
<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.