Displays a button component with various styles and states.
import { Button } from "@/components/ui/button"; export default function DemoOne() { return <div className="flex gap-4 flex-wrap font-medium"> <Button>Default</Button> <Button variant="secondary">Secondary</Button> <Button variant="outline">Outline</Button> <Button variant="ghost">Ghost</Button> <Button variant="link">Link</Button> <Button variant="destructive">Destructive</Button> </div>; }
Part of HextaUI — browse the full library on 21st.dev.