Imagine ArtImagine Art

Alert

Displays a prominent message to communicate information, success, warning, or error states.

Feedback & Status

Import

import { Alert } from "@/components/ui"

API

PropTypeDefaultDescription
variant"info" | "success" | "warning" | "error" | "neutral""info"Semantic style of the alert.
titlestringBold heading text.
iconReactNodeCustom icon override.
onDismiss() => voidShows a dismiss button when provided.

Examples