사용법
버튼 그룹에 포인터를 올리거나 각 링크에 초점을 이동하면 글자가 소셜 아이콘으로 전환돼요.
인터페이스
SocialFlipButtonProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| items* | readonly SocialFlipItem[] | — | 글자·아이콘·링크로 구성한 소셜 항목 |
| staggerMs | number | 80 | 항목별 전환 간격(ms) |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
SocialFlipButton 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { SocialFlipButton } from "@goldtreedev/ui";