# Alert

## Overview

A box to display alerts. You can configure the alert's text and color. Alerts can trigger actions when initiated or closed.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FxlDVBvHHaBN49PEbBwsN%2FCleanShot%202025-07-14%20at%2013.24.33%402x-min.png?alt=media&#x26;token=aeed9d4a-b98f-48f2-91f6-d6c733778285" alt=""><figcaption></figcaption></figure>

### Triggers

<table><thead><tr><th width="162.57421875">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Close</strong></td><td>Triggered when the component is closed</td></tr><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr></tbody></table>