Components
Loading preview...
A succinct message that is displayed temporarily.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/toastimport { useToasts } from "@/components/ui/toast";
import { Button } from "@/components/ui/button-1";
import Link from "next/link";
export default function WithALinkDemo() {
const toasts = useToasts();
return (
<Button
onClick={(): void => {
toasts.message({
text: (
<>
The Evil Rabbit jumped over the fence. The Evil Rabbit jumped over
the{" "}
<Link href="/geist" className="text-gray-1000 underline font-medium">
fence again
</Link>
.
</>
)
});
}}
>
Show Toast
</Button>
);
}