Toast
사용자가 취한 액션에 대한 즉각적인 피드백을 간결한 메시지로 알려줍니다.
Live Demo
Toast Types
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| message | string | - | Toast에 표시할 메시지입니다. (required) |
| title | string | - | Toast의 제목입니다. |
| severity | 'success' | 'warning' | 'error' | 'info' | - | Toast의 상태 타입을 지정합니다. |
| variant | 'success' | 'info' | 'warning' | 'error' | - | Toast의 variant를 지정합니다. |
| closable | boolean | - | 닫기 버튼 표시 여부를 지정합니다. |
| persist | boolean | - | 자동 종료 비활성화 여부를 지정합니다. |
| action | ReactNode | - | 액션 버튼을 지정합니다. |
Types
Toast는 다음 네 타입으로 이루어집니다: Info, Success, Warning, Error. 각 타입은 다른 성격의 피드백을 정의합니다.
Anatomy

- Container
- Icon
- Title
- Message
- Icon button (optional)
- Button (optional)