Koala logo Design
Esc
No matches for “
↑↓ navigate open Esc close
Components Notifications

Notifications

Toasts appear bottom-right, auto-dismiss after 5 seconds, and can be closed manually. Driven from the server via TempData — rendered by the layout's _Notification partial.

<koala-notification>

Canonical

Quote created successfully.

Server-driven via TempData.SetSuccessNotification(...). The layout's _Notification partial sits in an x-sync region so AJAX responses repaint it.

Variants

2 variants
Quote created successfully.
Success
SetSuccessNotification
Something went wrong. Please try again.
Error
SetErrorNotification

States

3 states
Entering
Idle
Leaving

Props

3 helpers
TempData helper Notes
TempData.SetSuccessNotification(...)Green check toast. For create / update / accept.
TempData.SetErrorNotification(...)Red X toast. For failed actions.
_Notification partialSits in the layout inside an x-sync region so AJAX responses repaint it.

Do & don't

Quote created.
Do Use one short sentence. Confirm the outcome — "Quote created." not "Your quote has been created successfully and saved to the database."
Please confirm before continuing
This will cancel the active transaction.
Don't Don't use a toast for confirmations or destructive actions. They auto-dismiss — the user can miss them. Use a modal.