Edit SVG Icon Button
A button for edit actions using a custom SVG icon. The Edit SVG Icon Button extends the Base Button and displays a custom SVG icon for edit actions. Useful for consistent iconography across your app.
Usage
Directive (Preferred)
Component
<button ariaLabel="Edit item" (click)="onEdit()" editSvgIconButton>Edit</button>API Reference
The Edit SVG Icon Button extends the Base Button and overrides below properties for edit behavior. See
Below are the inputs overridden by the Edit SVG Icon Button.
| Name | Type | Default | Description |
|---|---|---|---|
label | string | 'Edit' | Button label |
icon | string | 'edit' | Material icon name to display |
classes | string | 'primary-button' | CSS classes to apply |