컴포넌트
Glass Sheen
이동하는 스페큘러 하이라이트와 미세 노이즈 텍스처로 유리 표면의 굴절과 광택을 표현하는 반투명 패널로, 포인터를 따라 하이라이트가 움직이고 유휴 시에는 자동으로 궤도를 순회한다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/GlassSheen-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| width | number | 320 | 패널 너비(px). |
| height | number | 220 | 패널 높이(px). |
| items | readonly GlassItem[] | 내장 더미 3종 | 표면에 표시할 아이템(제목+캡션) 목록. 미지정 시 기본 더미 블록. |
| palette | readonly string[] | ["#C084FC","#EC4899","#5EEAD4"] | 굴절 틴트 팔레트(2~3색). |
| highlightSize | number | 180 | 스페큘러 하이라이트 지름(px). |
| autoDrift | boolean | true | 포인터 유휴 시 스페큘러가 자동으로 원 궤도를 순회할지 여부. |