애니메이션

Ripple Button

클릭 지점에서 물결이 원형으로 퍼져 나가는 머티리얼식 버튼입니다. span 리플을 동적으로 추가하고 애니메이션 종료 시 정리합니다.

분류
애니메이션
난이도
easy
변형
TS-TW

설치

npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/RippleButton-TS-TW

Props

이름타입기본값설명
labelstring리플버튼 라벨 텍스트.
colorstring#EC4899리플 및 배경 강조 색.
onClick() => voidundefined클릭 콜백.
classNamestringundefined버튼 추가 className.