Feedback

Toast

Transient notifications via Sonner.

Import

tsx

import { Toaster, toast } from "@cooud-ui/ui";

bash

npx cooud-ui add sonner

Examples

Toasts

Mount one Toaster, then fire transient notifications imperatively via toast().

tsx

function ToastDemo() {
  return (
    <>
      <Toaster />
      <div className="flex flex-wrap gap-2">
        <Button variant="outline" onClick={() => toast("Event has been created.")}>
          Default
        </Button>
        <Button variant="outline" onClick={() => toast.success("Changes saved successfully.")}>
          Success
        </Button>
        <Button variant="outline" onClick={() => toast.error("Something went wrong. Please try again.")}>
          Error
        </Button>
      </div>
    </>
  );
}

API Reference

Generated from the component's exported types.

ToasterProps

Extends React.ComponentProps<typeof Sonner>

No own props — see the extended type above for available props.