컴포넌트
ToastEmoji
성공·좋아요·알림·에러·뮤트 등 종류별 이모지 아이콘을 가진 토스트를 스택으로 팝인시키고 진행바와 함께 자동 소멸시키는 알림 컴포넌트.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ToastEmoji-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| entries | ToastEmojiEntry[] | 5종 프리셋 큐 | 순환 재생할 토스트 큐. 각 항목은 kind(종류) + 선택 title/description으로 구성. |
| duration | number | 3200 | 각 토스트가 자동으로 사라지기까지의 시간(ms). |
| maxVisible | number | 3 | 동시에 화면에 표시할 최대 토스트 개수(초과 시 오래된 것부터 제거). |
| showProgress | boolean | true | 남은 시간을 나타내는 하단 진행바 표시 여부. |
| showTrigger | boolean | true | 새 토스트를 수동으로 띄우는 트리거 버튼 표시 여부. |
| triggerLabel | string | "토스트 띄우기" | 트리거 버튼의 텍스트 및 aria-label. |