컴포넌트
ButtonGooey
메인 버튼을 누르면 서브 버튼들이 goo(끈적한 액체)처럼 뭉쳐 있다가 방울로 떨어져 나오듯 펼쳐지는 플로팅 액션 버튼(FAB)이다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ButtonGooey-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| direction | "up" | "down" | "left" | "right" | "up" | 서브 버튼이 펼쳐지는 방향. |
| size | number | 62 | 메인 버튼 지름(px). |
| itemSize | number | 46 | 서브 버튼 지름(px). |
| gap | number | 62 | 서브 버튼 중심 간 간격(px). |
| accentColor | string | "#C084FC" | 메인 버튼 그라데이션 시작 색(브랜드 바이올렛). |
| itemColor | string | "#5EEAD4" | 서브 버튼(goo 방울) 표면 색(브랜드 민트). |