Backdrop
A full-screen dimming overlay, shown and hidden through BackdropService — not a settable input.
<backdrop> renders nothing but a dimmed, full-screen overlay, and shows or hides itself in response to
BackdropService.show()/hide(). It is meant to sit once near the root of the application, behind whatever
overlay (a custom stacked panel, say) needs a scrim.
Minimal example
Mounted once at the application root
import { Component, inject } from "@angular/core";
import { BackdropComponent, BackdropService } from "@sinequa/atomic-angular";
@Component({
selector: "app-root",
imports: [BackdropComponent],
template: `
<router-outlet />
<backdrop />
`,
})
export class AppComponent {
private readonly backdrop = inject(BackdropService);
openSomethingWithAScrim() {
this.backdrop.show();
}
}Options
Prop
Type
Pitfalls
Navbar Tabs
A tab bar generated from the Angular Router's own child-route configuration, with automatic overflow into a dropdown and optional per-tab result counts.
Error
A full-page error state with an optional detail message read from the "message" query param, and a way back to a fresh sign-in attempt.