Atomic Angular — Doc interne

ThemeSelector

A menu, opened from your own trigger content, listing every registered theme for a scope and switching it on click.

<theme-selector> projects whatever you put inside it as the menu's trigger button — there is no default label or icon — and opens a menu of every theme registered for the given scope, each row swatched with that theme's primary color.

Minimal example

A named trigger opening the theme menu
sample.component.ts
import { Component } from "@angular/core";
import { ThemeSelectorComponent } from "@sinequa/atomic-angular";

@Component({
  selector: "sample-component",
  imports: [ThemeSelectorComponent],
  template: `<theme-selector scope="main">Theme</theme-selector>`,
})
export class SampleComponent {}

Options

Prop

Type

Pitfalls

What's next

On this page