Toast

Toast defines how EnterUI handles transient feedback with restrained semantic variants, including default structure, accessible states, and token-driven styling.

#Default usage

<ToastPrimitiveProvider>
  <Toast open variant="success">
    <ToastTitle>Published</ToastTitle>
    <ToastDescription>Your component docs are live.</ToastDescription>
  </Toast>
  <ToastViewport />
</ToastPrimitiveProvider>

#Import

import {
  Toast,
  ToastAction,
  ToastClose,
  ToastDescription,
  ToastPrimitiveProvider,
  ToastTitle,
  ToastViewport,
} from "@froggdesign/enter-ui-react";

#Patterns

#Accessibility

Toast behavior is handled by Radix, including viewport semantics, timed announcements, actions, and dismiss controls.

#API

• ToastPrimitiveProvider wraps low-level toast usage.
• Toast variant supports default, success, warning, error, and info.
• ToastAction requires Radix altText.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.