Skip to main content
Overlay

Toast

Themed toast queue: a service-enqueued notification rendered into a named viewport landmark.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjToastWrapper } from '@kouji-ui/components';
04

Playground

#playground
variant
<kj-button (click)="show()">Show toast</kj-button>
<kj-toast-viewport />

// In your component:
private readonly toast = inject(KjToastService);
show(): void {
  this.toast.show('Saved your changes.', { variant: 'default' });
}