Components
Loading preview...
Toolbar with actions
@kokonutd
npx shadcn@latest add https://21st.dev/r/kokonutd/toolbar"use client";
import { Toolbar } from "@/components/ui/toolbar"
import { LucideIcon } from "lucide-react"
function ToolbarDemo() {
const handleSearch = (value: string) => {
console.log("Searching for:", value);
};
return (
<div className="p-4 max-w-5xl mx-auto">
<Toolbar
onSearch={handleSearch}
className="mb-4"
/>
</div>
);
}
export { ToolbarDemo }