A fluid button with primary, secondary, tertiary, and ghost variants. Supports sizes, leading/trailing icons, icon-only mode, and animated loading state.
"use client"; import { Button } from "@/components/ui/button"; export function ButtonDemo() { return ( <div className="flex items-center justify-center min-h-screen bg-background"> <Button>Click me</Button> </div> ); } export default { ButtonDemo };
Part of Fluid Functionalism — browse the full library on 21st.dev.