사용법
Canvas dot grid가 포인터 주변에서 scale·밝기로 반응해요.
필드 위에서 포인터를 움직여 보세요
인터페이스
DotGridFieldProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| dotGap | number | 22 | 도트 간격(px) |
| dotRadius | number | 1.4 | 도트 반경 |
| influence | number | 120 | 포인터 영향 반경(px) |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
DotGridField 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { DotGridField } from "@goldtreedev/ui";