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): use reactive APIs in shared components (#58425) Migrated the input, output and queries to reactive APIs for better support of zoneless. PR Close #58425 2024-10-30 05:24:44 +00:00			`<label [attr.for]="buttonId()">`
			`<span class="docs-label">{{ label() }}</span>`
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			`<div class="docs-toggle">`
			`<input`
			`type="checkbox"`
refactor(docs-infra): use reactive APIs in shared components (#58425) Migrated the input, output and queries to reactive APIs for better support of zoneless. PR Close #58425 2024-10-30 05:24:44 +00:00			`[id]="buttonId()"`
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			`role="switch"`
			`(click)="toggle()"`
			`[class.docs-toggle-active]="checked()"`
			`[checked]="checked()"`
			`/>`
			`<span class="docs-slider"></span>`
			`</div>`
			`</label>`