Gengar UI

Alert

A terminal-inspired alert message component for displaying system status.

Installation

npm install class-variance-authority lucide-react

Usage

import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { Terminal } from 'lucide-react'

export function AlertDemo() {
  return (
    <Alert>
      <Terminal className="h-4 w-4" />
      <AlertTitle>System Status</AlertTitle>
      <AlertDescription>
        All systems operational. Server uptime: 99.9%
      </AlertDescription>
    </Alert>
  )
}