컴포넌트
Banner Alert
정보/성공/경고/에러 톤을 지원하는 상단 배너 알림. 위에서 미끄러져 내려오는 슬라이드다운 등장 애니메이션과 닫기(슬라이드업 후 제거) 기능을 제공한다.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/BannerAlert-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| tone | string | info | 배너 톤(info/success/warning/error). 미지원 값은 info로 폴백. |
| message | string | 새 컴포넌트가 추가됐습니다 | 표시할 메시지 텍스트. |
| dismissible | boolean | true | 닫기 버튼 노출 여부. |
| onClose | () => void | undefined | 배너가 완전히 제거될 때 호출되는 콜백. |
| className | string | undefined | 추가 CSS 클래스. |