Components
Button
An enhanced button component with various animated hover effects and icon support.
Features
- Multiple animation variants
- Icon support (left/right placement)
- Gooey effect animations
- Ring hover effects
- Link hover animations
- Expandable icon transitions
- Fully customizable styles
- Dark mode compatible
"use client"
import { ArrowRight } from "lucide-react"
import { Button } from "@/components/ui/button"
function ButtonExpandIconRight() {
return (
<Button variant="expandIcon" Icon={() => <ArrowRight className="h-4 w-4" />} iconPlacement="right">
Icon right
</Button>
)
}
export {
ButtonExpandIconRight
}