Toast

1import { Toaster, ToastItem } from "@/components/ui/toast";
2
3<Toaster />

1"use client";
2
3import { Portal } from "@ark-ui/react/portal";
4import {
5  Toast as ArkToast,
6  Toaster as ArkToaster,
7  createToaster,
8  useToastContext,
9} from "@ark-ui/react/toast";
10import {
11  CircleAlertIcon,
12  CircleCheckIcon,
13  InfoIcon,
14  TriangleAlertIcon,
15  XIcon,
16} from "lucide-react";
17import type React from "react";
18import { cn } from "@/lib/utils";
19import { Button } from "@/registry/react/components/button";
20import { Spinner } from "@/registry/react/components/spinner";
21
22export const useToast = useToastContext;
23
24export const toast = createToaster({
25  placement: "bottom-end",
26  overlap: true,
27  max: 3,
28});