No Result

<NoResult> is a purely presentational, input-less message shown when a search genuinely matched nothing — see Query for telling that state apart from a failed request, which is the caller's responsibility, not this component's.

Minimal example

import { Component, inject } from "@angular/core";
import { NoResultComponent, QueryService } from "@sinequa/atomic-angular";

@Component({
  selector: "results-component",
  imports: [NoResultComponent],
  template: `
    @if (!queryService.failure() && queryService.result().rowCount === 0) {
      <NoResult />
    }
  `,
})
export class ResultsComponent {
  protected readonly queryService = inject(QueryService);
}

The component takes no input: its icon and title are fixed, translated strings, and the icon's box stays square as it grows from one line to two (a long translation, a narrow column, mobile) — nothing is exposed to tune that.

Pitfalls

What's next