Merge pull request #3053 from Akshat55/toggle-aria

fix: allow users to pass in aria-label for toggle button

Author: zvonimirfras

src/toggle/toggle.component.ts

@@ -12,6 +12,7 @@ import { I18n } from "carbon-components-angular/i18n";
 import { Observable } from "rxjs";
 
 /**
+ * @deprecated since v5 - Use boolean
  * Defines the set of states for a toggle component.
  */
 export enum ToggleState {
@@ -50,7 +51,8 @@ export enum ToggleState {
 				role="switch"
 				type="button"
 				[attr.aria-checked]="checked"
-				(click)="onClick($event)">
+				(click)="onClick($event)"
+				[attr.aria-label]="ariaLabel">
 			</button>
 			<label
 				class="cds--toggle__label"
@@ -143,6 +145,11 @@ export class Toggle extends Checkbox {
 	 */
 	@Input() hideLabel = false;
 
+	/**
+	 * Set `aria-label` property for the button when label is empty
+	 */
+	@Input() ariaLabel: string;
+
 	@HostBinding("class.cds--toggle--skeleton") @Input() skeleton = false;
 
 	@HostBinding("class.cds--toggle") toggleClass = true;