Notification

Toast/notification messages for transient feedback after user actions.

Changes saved successfully.

Undo

Open Notification Playground

Variants

Information message

Success message

Warning message

Accessibility

  • Non-error messages use role="status" and aria-live="polite".
  • Error messages use role="alert" and aria-live="assertive".

Auto-dismiss

Set duration (milliseconds) on <uif-notification> to auto-dismiss:

<uif-notification
  message="Profile updated."
  variant="success"
  duration="5000"
  dismissible
></uif-notification>

Use 0 (or omit) to keep notifications visible until dismissed.