SolaceThermasol Design System
Brand
Scheme

Components

Toast

A transient, non-blocking message. Built on Radix Toast — swipe to dismiss, auto-timeout, and screen-reader announcements.

Example

    Usage

    import { Toast, ToastProvider, ToastViewport, ToastTitle, ToastDescription } from '@solace/ui';
    
    <ToastProvider>
      <Toast open={open} onOpenChange={setOpen}>
        <ToastTitle>Saved</ToastTitle>
        <ToastDescription>Your changes are saved.</ToastDescription>
      </Toast>
      <ToastViewport />
    </ToastProvider>