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>
)
}