Toast
Inline notification with semantic type and optional icon.
Usage Notes
- Use for save confirmations, operation errors, and status change notifications.
- Not suitable for messages that require user response or long-term visibility — use an inline form or
calloutinstead. - Related components:
calloutfor in-page prompt blocks,badgefor compact status. - Set
durationfor auto-hide behavior; without it, the toast renders as an inline notification card. - Use
typeonly for semantic message purpose.
Type variants
namespace: "doc_toast_type_diff",
layout: {
"column:types": {
"toast:info": {
type: "info",
title: "Info",
description: "A new update is available."
},
"toast:success": {
type: "success",
title: "Success",
description: "Operation completed."
},
"toast:warning": {
type: "warning",
title: "Warning",
description: "Review before proceeding."
},
"toast:danger": {
type: "danger",
title: "Error",
description: "Something went wrong."
}
}
}
}