mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
28 lines
605 B
Markdown
28 lines
605 B
Markdown
---
|
|
Title: Toggle Icon directive
|
|
Added: v2.0.0
|
|
Status: Active
|
|
Last reviewed: 2019-04-09
|
|
---
|
|
|
|
# [Toggle Icon directive](../../../lib/content-services/src/lib/upload/directives/toggle-icon.directive.ts "Defined in toggle-icon.directive.ts")
|
|
|
|
Toggle icon on mouse or keyboard event for a selectable element.
|
|
|
|
## Example Usage
|
|
|
|
```html
|
|
<button mat-icon-button adf-toggle-icon #toggle="toggleIcon">
|
|
<mat-icon *ngIf="!toggle.isToggled">
|
|
check_circle
|
|
</mat-icon>
|
|
|
|
<mat-icon *ngIf="toggle.isToggled">
|
|
remove_circle
|
|
</mat-icon>
|
|
<button></button>
|
|
</button>
|
|
```
|
|
|
|
## Class members
|