ToastAPI

ToastAPI and related exports (toast, toastApi, useToast, ToastProvider) let you trigger toasts from anywhere.

Basic Usage

Live Editor

function SaveButton() {
  return (
    <ThemeProvider>
      <button
        type="button"
        onClick={() => toast.success('Saved successfully')}
      >
        Save
      </button>
    </ThemeProvider>
  );
}

function Example() {
  return (
    <ToastProvider>
      <SaveButton />
    </ToastProvider>
  );
}

render(<Example />);

Result

Loading...