angular/adev/shared-docs/components/slide-toggle/slide-toggle.component.html
Sheik Althaf 53341a3b8f 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-11-11 14:36:05 +00:00

14 lines
346 B
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>