Alert Reference
Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.
Alert
Semantic message block for feedback and operational warnings.
Use when: Use for informative, warning, success or danger messages inside flows.
Import
import { Alert } from "@components/index";Example
<Alert title="Success" description="All checks passed." variant="success" />
Available Props
titlestring
Optional strong heading.
descriptionstring
Main message text.
variant"info" | "success" | "warning" | "danger"
Semantic style.
Live Preview
Catalog alert
This is a live alert preview.
Controls
info
success
warning
danger