Components
Loading preview...
Here is Button component
@base-ui
npx shadcn@latest add https://21st.dev/r/base-ui/button-1import { Button } from "@/components/ui/button";
import { SendHorizonal, Trash } from "lucide-react";
export default function ButtonDemo() {
return (
<div className="flex flex-wrap gap-4">
<Button size="icon">
<SendHorizonal className="w-4 h-4" /> {/* smaller */}
</Button>
<Button>
Send <SendHorizonal className="w-4 h-4 ml-2" /> {/* spacing on right */}
</Button>
<Button variant="destructive">
<Trash className="w-4 h-4 mr-2" /> Delete {/* spacing on left */}
</Button>
</div>
);
}