Feedback
Toast
sonner 기반 의견적 래퍼. 앱 루트에 <ToastProvider /> 한 번 + 어디서나 useToast(). 동시 5개 + 큐.
예제
설치 / Import
import { ToastProvider, useToast } from '@baneung-pack/ui';import { ToastProvider, useToast } from '@baneung-pack/ui/toast';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
position (Provider) | 표시 위치 | 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-right' |
visibleToasts (Provider) | 동시 노출 최대 개수 | number | 5 |
duration (Provider) | 자동 닫힘(ms) | number | 4000 |
closeButton (Provider) | 닫기 버튼 항상 표시 | boolean | false |
toast.success/info/warning/error/message | 토스트 발생 (useToast 반환) | (message, options?) => void | — |
toast.promise | loading → success/error 추적 | (promise, { loading, success, error }) | — |
toast.dismiss | 특정/전체 토스트 닫기 | (id?) => void | — |