Toast

Install

npx stylesheet-ui add toast

Usage

Mount <Toaster /> once at the app root:

app/_layout.tsx

import { Toaster } from "@/components/ui/toast";

export default function RootLayout() {
  return (
    <ThemeProvider>
      <Stack />
      <Toaster />
    </ThemeProvider>
  );
}

Then call toast from anywhere:

import { toast } from "@/components/ui/toast";

toast.show("Saved to drafts");
toast.success("Payment confirmed");
toast.error({ title: "Couldn't sync", description: "Check your network." });