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...
공식 문서 열기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.