GoldTreeDevGTD UI

문서 제목, 아이콘 이름, 앱 이름으로 검색할 수 있어요.

전체 문서 보기 이동 · Enter 열기 · Esc 닫기

SpotlightSurface

포인터를 따라 부드럽게 이동하는 스포트라이트 글로우예요. 히어로·카드 배경에 깊이감을 더해요.

사용법

마우스·터치 위치를 lerp로 추적해 radial glow가 따라다녀요.

포인터를 움직여 보세요

Spotlight + MorphBlob 조합

인터페이스

SpotlightSurfaceProps

속성타입기본값설명
intensity"soft" | "medium" | "strong"medium글로우 강도
color"primary" | "accent" | "neutral"primary스포트라이트 색
classNamestring루트 클래스
styleCSSProperties인라인 스타일·CSS 변수

SpotlightSurface 컴포넌트 Props 표

가져오기

모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.

@import "@goldtreedev/ui/motion.css";

import { SpotlightSurface } from "@goldtreedev/ui";
SpotlightSurface · 모션 UI | GoldTreeDev Docs