API Reference: toastory/react

React Toaster component, useToast() hook, useToastory() composable, and SSR hydration safety.

On this page:

The toastory/react subpath exports first-class React components and reactive state hooks using useSyncExternalStore.

tsx

import { Toaster, useToast, useToastory } from 'toastory/react';

export function Layout({ children }: { children: React.ReactNode }) { return ( <> {children} ); }

export function NotificationWidget() { const { toast, toasts } = useToast(); return (

Active notifications: {toasts.length}

); } `

Launch the interactive playground to experiment with themes, positions, and live generators.