GoldTreeDevGTD UI

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

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

MotionWidget

썸네일·shine·lift 효과가 있는 인터랙티브 위젯 카드예요.

사용법

인터페이스

MotionWidgetProps

속성타입기본값설명
label*string—위젯 제목
descriptionstring—보조 설명
imageSrcstring—썸네일 이미지 URL
iconReactNode—아이콘 (imageSrc 없을 때)
badgestring—뱃지 텍스트
activebooleanfalse활성 상태
classNamestring—루트 클래스
styleCSSProperties—인라인 스타일·CSS 변수

MotionWidget 컴포넌트 Props 표

가져오기

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

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

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