Alert
Inline messages in the page: info, success, warning, danger, with actions and an optional dismiss.
import { Alert } from "pleate/alert";Tones and variants
Passport check
Some destinations require 6 months of validity.
Booking confirmed
We sent the details to your email.
Flight delayed
TP 1234 now departs at 18:40 (+2h).
Payment failed
Your card was declined. Try another payment method.
Tip: long-press a place to add it to your trip.
Props
- tone
Meaning and color.
"info" | "success" | "warning" | "danger" | "accent" | "neutral"default "info"- variant
Look.
"soft" | "surface" | "outline"default "soft"- title / actions / icon
Content (icon={false} hides it).
ReactNode- onDismiss
Shows a close button.
() => void