angular/adev/shared-docs/components/slide-toggle/slide-toggle.component.html

<label [attr.for]="buttonId">
  <span class="docs-label">{{ label }}</span>
  <div class="docs-toggle">
    <input
      type="checkbox"
      [id]="buttonId"
      role="switch"
      (click)="toggle()"
      [class.docs-toggle-active]="checked()"
      [checked]="checked()"
    />
    <span class="docs-slider"></span>
  </div>
</label>
refactor(docs-infra): migrate @angular/docs from dev-infra into adev directory (#57132) To increase the ease of development we are moving @angular/docs into the adev directory within this repo. While we are doing this to improve our development experience in the short term, efforts are also in place to maintain a division between this @angular/docs (shared) code and adev itself, so that it can be extracted back out in the future when components is ready to leverage it as well. PR Close #57132 2024-07-23 16:50:12 +00:00			`<label [attr.for]="buttonId">`
			`<span class="docs-label">{{ label }}</span>`
			`<div class="docs-toggle">`
			`<input`
			`type="checkbox"`
			`[id]="buttonId"`
			`role="switch"`
			`(click)="toggle()"`
			`[class.docs-toggle-active]="checked()"`
			`[checked]="checked()"`
			`/>`
			`<span class="docs-slider"></span>`
			`</div>`
			`</label>`