Foundation component · Feedback

Toast

Brief, non-blocking feedback with accessible announcements, timed dismissal, and swipe gestures.

Live playground

Choose Toast when

Use to confirm background actions without interrupting work.
Keep the message to one compact line whenever possible.

Accessibility

Base UI announces low- and high-priority messages through the appropriate live region.
Close remains keyboard accessible; swipe dismissal is an additional gesture.

Implementation

Composable toast parts with a convenient default list renderer.

import { Toast } from "@lenso/ui/toast";

<Toast.Provider>
  <App />
  <Toast.Portal>
    <Toast.Viewport>
      <Toast.List />
    </Toast.Viewport>
  </Toast.Portal>
</Toast.Provider>;