Toast

#Default usage

#Usage

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

export function Example() {
  return (
    <ToastProvider>
      <Toast open variant="success">
        <ToastTitle>Published</ToastTitle>
        <ToastDescription>Your component docs are live.</ToastDescription>
      </Toast>
      <ToastViewport />
    </ToastProvider>
  );
}

#Patterns

#Accessibility

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

#API

• ToastProvider wraps 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.