Animations (애니메이션)

import { Button } from "@vortex/ui-icignal";
 
export default function Example() {
  return (
    <div>
      {/* Button with hover animation */}
      <Button
        variant="primary"
        className="transition-all duration-150 hover:scale-105"
      >
        Hover me (iCignal Blue)
      </Button>
 
      {/* Card with elevation animation */}
      <div className="p-md bg-white rounded-lg shadow-md transition-shadow duration-200 hover:shadow-xl">
        <h3 className="text-xl font-semibold text-text-primary">
          Animated Card
        </h3>
        <p className="text-text-secondary mt-sm">Hover for elevation effect</p>
      </div>
    </div>
  );
}