mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-4865] Upload Dialog - row actions not accessible by keyboard alone (#5051)
* access upload dialog information by keyboard * upload files actions keyboard accessibility * aria labels translation keys * refractor styling * toggle action icons * update docs * e2e * e2e update action reference
This commit is contained in:
committed by
Eugenio Romano
parent
2360ccc6d5
commit
ef09b077c4
34
docs/content-services/directives/toggle-icon.directive.md
Normal file
34
docs/content-services/directives/toggle-icon.directive.md
Normal file
@@ -0,0 +1,34 @@
|
||||
---
|
||||
Title: Toggle Icon directive
|
||||
Added: v2.0.0
|
||||
Status: Active
|
||||
Last reviewed: 2019-04-09
|
||||
---
|
||||
|
||||
# [Toggle Icon directive](../../../lib/content-services/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
|
||||
|
||||
### Properties
|
||||
|
||||
| Name | Type | Default value | Description |
|
||||
| --------- | --------- | ------------- | ----------------------------------------------- |
|
||||
| isToggled | `boolean` | false | Is element active by mouseenter or focus event? |
|
||||
| isFocused | `boolean` | false | Is element focused by keyboard navigation? |
|
Reference in New Issue
Block a user