사용법
누르면 재생과 일시 정지 상태가 부드럽게 전환돼요.
인터페이스
ApplePlayButtonProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| playing | boolean | — | 제어 재생 상태 |
| defaultPlaying | boolean | false | 초기 재생 상태 |
| onPlayingChange | (playing: boolean) => void | — | 재생 상태 변경 콜백 |
| playIcon* | ReactNode | — | 재생 아이콘 |
| pauseIcon* | ReactNode | — | 일시 정지 아이콘 |
| playLabel | string | 재생 | 재생 접근성 라벨 |
| pauseLabel | string | 일시 정지 | 일시 정지 접근성 라벨 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
ApplePlayButton 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { ApplePlayButton } from "@goldtreedev/ui";