사용법
System
새로운 퀘스트가 추가됐어요.
Alert
HP가 부족해요. 포션을 사용해 보세요.
인터페이스
SpeechBubbleProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| speaker | string | — | 화자 이름 |
| variant | "default" | "narrator" | "alert" | default | 톤 |
| tail | "left" | "right" | "bottom" | left | 꼬리 방향 |
| actions | ReactNode | — | 하단 액션 버튼 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
SpeechBubble 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { SpeechBubble } from "@goldtreedev/ui";