BMX Web Components evaluation

<bmx-toast>

A short message about something that has already happened.

Save Delete message Fail to save Send six at once
Draft saved. Message moved to Deleted. Undo We could not reach the server. Your changes are still here. accounts-q3.xlsx uploaded. payroll-august.csv uploaded. contract-northwind.pdf uploaded. site-photos.zip uploaded. handover-notes.docx uploaded. brand-assets.sketch uploaded.
The first is an ordinary confirmation and goes after five seconds. The second carries an action and stays twice as long, because it has to be read, decided on, and then reached — and a keyboard user has further to travel than a pointer user. The third is an alert: it interrupts a screen reader rather than waiting for a gap, and it stays until it is dismissed, because interrupting somebody and then taking the message away unread is the worst of both.
Press Send six at once and watch two things. New toasts are placed beyond the ones already on screen rather than at the corner, so nothing you are halfway through reading slides away underneath you. And only three are shown at a time — the rest wait, and take a place as one frees.
Rest the pointer anywhere in the stack, or Tab into one of the actions, and every clock in that corner stops until you leave. Switching to another tab does the same: a notification sent to a window nobody is looking at has not been seen. What is left of the time is kept rather than restarted, so a hover cannot pin a toast on screen for ever.

Every property, event and method: https://docs.binarymission.co.uk/webcomponents/bmx/bmx-toast.html