Alert Banners (.k-alert)
Contextual notification banners with title, message body, and dismissible close action (.k-alert__close). Try clicking the × button!
Deployment Successful!
Production build has compiled with zero errors and all 176 tests are passing.
System Notice
Scheduled maintenance is planned for Sunday at 02:00 UTC. No downtime expected.
Disk Usage Warning
Storage consumption reached 82% capacity on cluster worker node 04.
Authentication Gateway Error
Unable to establish secure handshake with upstream identity provider. Please retry.
Usage guide & code sample
Choose a semantic modifier such as .k-alert--success or .k-alert--danger; keep the title and body separate for clear hierarchy.
<div class="k-alert k-alert--success" role="status">
<strong class="k-alert__title">Saved</strong>
<div class="k-alert__body">Your changes are now live.</div>
</div>