Skip to content

Toast

Provider + hook based transient notifications.

Terminal window
npx github:truongnat/rnui#cli add toast

or directly via the shadcn CLI:

Terminal window
npx shadcn add https://<registry-base>/r/nativewind/toast.json # or /uniwind/
// Wrap your app once:
<ToastProvider>
<App />
</ToastProvider>
// Then anywhere:
const { toast } = useToast();
toast({ title: 'Saved', description: 'It worked.' });
toast({ title: 'Failed', variant: 'destructive' });
  • components/ui/toast.tsx

Installs together with: utils, text, theme