컴포넌트
ButtonGlowPulse
뒤편 blur 글로우가 심장 박동처럼 맥동하고 클릭 시 확산 핑 링이 재생되는 CTA 버튼.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ButtonGlowPulse-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | 지금 시작하기 | 버튼에 표시할 라벨 텍스트. |
| pulseSpeed | number | 2.4 | 맥동(글로우 강약 반복) 1주기 시간(초). 작을수록 빠르게 뛴다. |
| glowSize | number | 26 | 글로우 blur 반경(px). 클수록 빛이 배경으로 넓게 번진다. |
| intensity | number | 0.9 | 글로우 세기(0~1). 1이면 가장 밝게 빛난다. |
| onClick | () => void | undefined | 버튼 클릭 시 호출되는 콜백. |
| ariaLabel | string | label 값 | 접근성 라벨 (미지정 시 label 사용). |