컴포넌트
InputFocusGlow
포커스 시 회전하는 conic-gradient 글로우 링과 커서를 따라오는 부드러운 하이라이트가 나타나는 입력 필드입니다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/InputFocusGlow-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| placeholder | string | "이메일을 입력하세요" | 인풋 플레이스홀더 문구. |
| type | "text" | "email" | "password" | "search" | "text" | HTML input 타입. |
| width | number | 300 | 인풋 폭(px). |
| ringWidth | number | 2 | 포커스 글로우 링 두께(px). |
| spin | number | 5 | 글로우 링이 한 바퀴 회전하는 주기(초). |
| disabled | boolean | false | 비활성화 여부. |