Alert API
Alert communicates inline feedback, warnings, and success states with a strong Foundry signal marker.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- AlertExamples, tones, and feedback usage patterns.
Preview
Info
Use alerts for inline notes and guidance.
Beta
APIs may change before 1.0.
Ready
The package is installed correctly.
Import
import { Alert } from "@axonyx/react";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | "info" | "warning" | "danger" | "success" | "info" | Controls semantic feedback color. |
| title | ReactNode | undefined | Optional strong title above alert content. |
| children | ReactNode | undefined | Alert body content. |
CSS contract
.ax-alert .ax-alert__marker .ax-alert__body .ax-alert__title .ax-alert__content [data-tone]
Server-safeNo JS required