Toast

Bottom-right notification stack. Includes <Toaster /> provider and a useToast() hook for imperative triggering.

Usage

// 1. Mount Toaster once near the app root.
import { Toaster } from '@bwo-ui/react';

<Toaster>
  <App />
</Toaster>

// 2. Anywhere below, call useToast().
import { useToast, Button } from '@bwo-ui/react';

function SaveButton() {
  const { toast } = useToast();
  return (
    <Button
      onClick={() => toast({ title: 'Saved', description: 'Changes are live.' })}
    >
      Save
    </Button>
  );
}

For finer control, use the lower-level primitives directly: Toast.Provider, Toast.Root, Toast.Title,Toast.Description, Toast.Close, Toast.Viewport.