Components
Loading preview...
A succinct message that is displayed temporarily.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/toastimport { useState } from "react";
import { useToasts } from "@/components/ui/toast";
import { Button } from "@/components/ui/button-1";
export default function WarningDemo() {
const toasts = useToasts();
return (
<Button
onClick={(): void => {
toasts.warning("The Evil Rabbit jumped over the fence.");
}}
>
Show Toast
</Button>
);
}