Alert

A dismissible alert banner for communicating important messages.

Changes saved
Your updates have been successfully saved.
Something went wrong
We couldn’t process your request. Please try again.
Storage almost full
You are nearing your storage limit. Consider upgrading.
New update available
A new version is available. Refresh to get the latest features.

Installation

bash
npm install motion lucide-react

Usage

tsx
import Alert from '@/components/ui/Alert';

<Alert
  variant="default"
  title="Heads up"
  description=""
/>