deno.land / x / netzo@0.5.16 / components / toaster.tsx
12345678910111213141516171819202122232425262728293031323334353637// @deno-types="npm:@types/react@18.2.60"import * as React from "react";
import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport,} from "./toast.tsx";import { useToast } from "./use-toast.ts";
export function Toaster() { const { toasts } = useToast();
return ( <ToastProvider> {toasts.map(function ({ id, title, description, action, ...props }) { return ( <Toast key={id} {...props}> <div className="grid gap-1"> {title && <ToastTitle>{title}</ToastTitle>} {description && ( <ToastDescription>{description}</ToastDescription> )} </div> {action} <ToastClose /> </Toast> ); })} <ToastViewport /> </ToastProvider> );}
Version Info