TsaiToast

A compact 48-pixel glass notification in the Undo, Action, and Info compositions defined in Penpot.

Open live example

TsaiToast(
  variant: TsaiToastVariant.undo,
  message: 'Item deleted',
  actionLabel: 'Undo',
  secondsRemaining: 7,
  countdownProgress: 0.7,
  onAction: restoreItem,
)

The component applies the semantic dim-glass surface and backdrop blur. Use info for a message with dismissal only and action for an action plus close control.