Feedback

Toast — NotifyService

<base-snackbar>

Fired through NotifyService, which routes to SnackbarService — a MatSnackBar wrapper, not ngx-toastr.

Toasts appear top-right, from SnackbarService’s horizontalPosition/verticalPosition config.

What the bubble uses — the 0 step of each scale, a 90% white tint:

success() → .base-snackbar-success

--success-0 / --success-900

info() → .base-snackbar-info

--info-0 / --info-900

warn() → .base-snackbar-warning

--warning-0 / --warning-900

error() → .base-snackbar-error

--error-0 / --error-900

The same four at the 500 step, for comparison — not what the toast uses today:

success() → .base-snackbar-success

info() → .base-snackbar-info

warn() → .base-snackbar-warning

error() → .base-snackbar-error

Alert message — $alertData

<alert-message>

An inline banner whose icon is chosen from the FeedbackState by ALERT_ICON_MAPPING.

The indirect rate could not be validated against the sponsor agreement.

States — FeedbackState

feedback-theme.types

All four states side by side. Note Warn serialises as "warning", which trips up config coming from an API.

The indirect rate could not be validated against the sponsor agreement.

This award is missing a budget justification.

Submission opens on 1 September 2026.

All compliance checks have passed.

Variants — $hasIcon

<alert-message>

Without an icon, with $type on its own, and a list of closable full-width bars (an array, $variant, $dismissible).

Same alert with [$hasIcon]="false".

Goal reached: 10,000 steps 🎉
Nap time for Ava in 15 minutes