Feedback
Alert
Inline status / info / warning / error banner.
Preview
Heads up
You can edit any of these settings later.
Trial ending soon
Your free trial ends in 3 days.
Payment failed
We couldn't charge your card. Update payment in billing.
Import
ts
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';Usage
tsx
<Alert variant="warning">
<AlertTitle>Heads up</AlertTitle>
<AlertDescription>Your trial ends in 3 days.</AlertDescription>
</Alert>