ThemeToggle
A labeled light/dark switch for one ThemeStore scope, built on Signal Forms' checkbox contract.
<theme-toggle> is a hidden checkbox bound through Signal Forms, with an icon and a "Dark mode" label doing the
visible work — checking it calls ThemeStore.setDarkMode() for the given scope.
Minimal example
A dark-mode switch for the main scope
import { Component } from "@angular/core";
import { ThemeToggleComponent } from "@sinequa/atomic-angular";
@Component({
selector: "sample-component",
imports: [ThemeToggleComponent],
template: `<theme-toggle scope="main" />`,
})
export class SampleComponent {}Options
Prop
Type