컴포넌트
Button3DPress
입체 두께를 가진 물리 버튼으로, 누르면 표면이 두께만큼 아래로 내려가며 실제 눌리는 느낌을 준다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Button3DPress-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | "Press me" | 버튼 표면에 표시할 라벨 텍스트 |
| color | string | "#C084FC" | 버튼 표면(top face) 색상 (측면 음영/광택은 자동 파생) |
| depth | number | 8 | 눌림 두께(px, 2~16 정규화). 클수록 깊게 눌린다 |
| glow | boolean | true | 커서 추종 하이라이트 활성화 여부 (버튼 내부로 한정) |
| onPress | (count: number) => void | undefined | 클릭 콜백. 누적 클릭 횟수를 전달 |
| ariaLabel | string | undefined | 접근성 라벨 (미지정 시 label 사용) |