toast-loading-demo

PreviousNext
Docs
pureuiexample

Preview

Loading preview…
registry/pure-ui/examples/toast/toast-loading-demo.tsx
"use client";

import { Button } from "@/registry/pure-ui/ui/button";
import { toast } from "@/registry/pure-ui/ui/toast";

export function ToastLoadingDemo() {
  return (
    <Button
      variant="outline"
      onClick={() => {
        toast.add({
          title: "Loading…",
          description: "Please wait while we process your request.",
          type: "loading",
          timeout: 3000,
        });
      }}
    >
      Loading Toast
    </Button>
  );
}

Installation

npx shadcn@latest add @pureui/toast-loading-demo

Usage

import { ToastLoadingDemo } from "@/components/toast-loading-demo"
<ToastLoadingDemo />