컴포넌트
ButtonNeon
네온 글로우 테두리 버튼. 다중 box-shadow로 발광하는 테두리를 만들고 호버 시 글로우가 강화되며, 버튼 내부로 격리된 커서 추종 광원이 함께 움직인다.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ButtonNeon-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | "Neon" | 버튼에 표시할 라벨 텍스트 |
| color | string | "#C084FC" | 네온 글로우 기준 색상 (HEX #RRGGBB) |
| intensity | number | 1 | 글로우 세기 배율 (0.4~2.0 범위로 클램프) |
| onPress | () => void | undefined | 버튼 클릭 시 호출되는 콜백 |
| ariaLabel | string | label 값 | 접근성 라벨 (미지정 시 label 사용) |
| className | string | undefined | 버튼 요소에 적용할 추가 클래스 |