Gengar UI

Card

Terminal-style window containers with pixel-perfect borders and glowing effects.

terminal_output.log

Last updated: 2 mins ago

$ npm install gengar-ui
Installing dependencies...
Added 42 packages
Done in 3.21s

error.log

Error Code: 127

Command 'build' not found in path.

Check your configuration and try again.

Installation

Installation
npm install class-variance-authority lucide-react

Usage

Basic Usage
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"

// Basic Card
export function BasicCard() {
  return (
    <Card className="bg-background border-border">
      <CardHeader className="border-b border-border">
        <div className="flex items-center justify-between">
          <CardTitle>Card Title</CardTitle>
          <CardDescription>Card Description</CardDescription>
        </div>
      </CardHeader>
      <CardContent className="pt-4">
        <p>Card Content</p>
      </CardContent>
      <CardFooter className="border-t border-border bg-muted/50 flex justify-end">
        <Button variant="outline" size="sm">Action</Button>
      </CardFooter>
    </Card>
  )
}
ButtonDialog