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

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Button to your project and fits it to your theme.

"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
}