사용법
선택한 세로 카드가 높게 확장되며 장면 정보를 보여줘요.
인터페이스
ExpandOnHoverVerticalProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| items* | readonly ExpandOnHoverVerticalItem[] | — | 확장형 패널 항목 |
| ariaLabel | string | 확장형 세로 캐러셀 | 접근성 라벨 |
| initialIndex | number | — | 초기 활성 인덱스 |
| onActiveIndexChange | (index: number) => void | — | 활성 인덱스 변경 콜백 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
ExpandOnHoverVertical 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { ExpandOnHoverVertical } from "@goldtreedev/ui";