Feedback

Alert

Themed in-flow notification with severity variants, optional dismiss button, and action slots.

03

Import

#import

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

import { KjAlertComponent } from '@kouji-ui/components';
Loading editor
04

Playground

#playground
Heads upNew theme tokens just landed — try the dark variant in your settings.
variant
size
<kj-alert
  kjVariant="info"
  kjSize="md"
>
  <kj-alert-icon>i</kj-alert-icon>
  <kj-alert-title>Heads up</kj-alert-title>
  <kj-alert-description>New theme tokens just landed — try the dark variant in your settings.</kj-alert-description>
</kj-alert>