Components

Toast

A short message about the result of an action that appears in a corner of the page, stacks and can be swiped away.

28 October 2026

Added

First version: a Toaster region and useToast on Base UI Toast.
show, update, close, promise; tone, action, a timeout of at least 5000 ms; danger stays and is announced at once.
motion.toastStack; toast-width, toast-gap, toast-peek, toast-margin component tokens.
Glass material: under a glass Provider this surface turns glass; material="solid" keeps it solid.

Changed

Shared overlay surface: raised fill, the border-overlay hairline and a shadow.
Corner radius is 14 px (toast-radius).