Shared Flash Notification Surface

Success flash

Trigger the default success flash key and confirm the shared card width and icon treatment.

Warning flash

Trigger the warning flash key and confirm the semantic warning treatment.

Danger flash

Trigger the persistent danger flash key and verify manual dismissal behavior.

Info flash

Trigger the info flash key and confirm the neutral timed notification flow.

Caption payload

Trigger a custom payload with a caption so the debugger-style stacked text hierarchy can be compared directly.

Grouped payload

Trigger two identical grouped payloads in one flash cycle and verify that the shared badge increments instead of duplicating the card.

Width-fit pair

Trigger long and short cards together to compare how the shared surface now fits notification width like the debug playground.

Custom alert: Great job

Trigger a mint success-style custom alert card with a divider and supporting detail text.

Custom alert: Heads up

Trigger an indigo info-style custom alert card with icon, divider, and secondary detail text.

Custom alert: Notice

Trigger a rose notice alert with a single acknowledgement action.

Custom color classes

Show a notification using custom Tailwind background and text color classes.

Timed without progress

Trigger a timed notification that opts out of the progress bar while still auto-dismissing on schedule.

Bottom-right placement

Trigger the shared flash payload in a non-default slot to confirm placement routing still matches the debug playground behavior.

Validation list

Trigger a flashed validation error bag so the shared multiline error notification can be reviewed in the same surface.