전체 카탈로그
OverlayToast8 props

Toast

Toast shows a brief, non-blocking notification to confirm an action or present temporary information. Use it for scenarios where the user needs feedback but not a decision, such...

공식 문서 열기
live previewOverlay

Preview

Preview saved

Import

import {Toast} from '@astryxdesign/core/Toast';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Toast shows a brief, non-blocking notification to confirm an action or present temporary information. Use it for scenarios where the user needs feedback but not a decision, such...

toastnotificationsnackbaralertmessagefeedbackstatus

Important props

typeinfo | erroroptional
collisionBehavioroverwrite | ignoreoptional
onHide(reason: "auto" | "manual") => voidoptional

Theming targets

astryx-toast

Best practices

  • DoKeep messages short: only a few words that tell the user what happened, like "Changes saved" or "Message sent".
  • DoAdd an undo action in the endContent slot for reversible operations like deleting an item, so the user can recover without navigating away.
  • DoUse uniqueID to deduplicate toasts that fire from repeated actions, like clicking a save button multiple times.
  • DoUse error type for failures that need attention but not immediate action; it persists until dismissed so the user won't miss it.