사용법
표시하기
useToast 훅으로 짧은 피드백을 표시해요. ToastProvider로 앱을 감싸야 해요.
스타일 커스터마이징
Toast는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Toast className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
ToastProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| title* | string | — | 토스트 제목 |
| description | string | — | 부가 설명 |
| variant | "default" | "success" | "error" | default | 톤 |
Toast 컴포넌트 Props 표
가져오기
import { Toast } from "@/components/ui/Toast";