Gengar UI

Action Bar

A terminal-inspired action bar with interactive buttons, search functionality, and expandable panels.

Action Bar

Installation

npm install @radix-ui/react-scroll-area lucide-react

Usage

import { ActionBar } from "@/components/ui/action-bar"

export default function MyComponent() {
  const handleAction = (action: string) => {
    console.log(`Action triggered: ${action}`)
  }

  return (
    <div className="p-4 bg-background text-foreground">
      <ActionBar onAction={handleAction} />
    </div>
  )
}