Skip to Content

Toast

사용자가 취한 액션에 대한 즉각적인 피드백을 간결한 메시지로 알려줍니다.

Live Demo

Toast Types
View in Storybook →

Props

PropTypeDefaultDescription
messagestring-Toast에 표시할 메시지입니다. (required)
titlestring-Toast의 제목입니다.
severity'success' | 'warning' | 'error' | 'info'-Toast의 상태 타입을 지정합니다.
variant'success' | 'info' | 'warning' | 'error'-Toast의 variant를 지정합니다.
closableboolean-닫기 버튼 표시 여부를 지정합니다.
persistboolean-자동 종료 비활성화 여부를 지정합니다.
actionReactNode-액션 버튼을 지정합니다.

Types

Toast는 다음 네 타입으로 이루어집니다: Info, Success, Warning, Error. 각 타입은 다른 성격의 피드백을 정의합니다.

Anatomy

Toast anatomy

  1. Container
  2. Icon
  3. Title
  4. Message
  5. Icon button (optional)
  6. Button (optional)