Svelte French Toast

Buttery smooth Svelte toasts. Lightweight, customizable, and beautiful by default.

svelte-french-toast is a Svelte port of Timo Lins's popular react-hot-toast library. It provides a seamless and elegant way to add toast notifications to your Svelte applications, with a strong emphasis on developer experience and beautiful defaults.

Key Features

  • Lightweight: A small footprint to keep your application fast.
  • Easy to Use: A simple and intuitive API. Just mount the <Toaster /> and call toast().
  • Customizable: Easily customize styling, icons, position, and duration.
  • Promise API: Automatically handle loading, success, and error states for your promises.
  • Rich Content: Render any Svelte component inside your toasts for fully interactive notifications.
  • Emoji Support: Use emojis as icons out of the box.
  • Accessible: Follows ARIA guidelines to ensure it's usable by everyone.
  • Pause on Hover: Toasts automatically pause when the user hovers over them.
  • Headless Hooks: Use useToasterStore to build a completely custom toast UI.

This documentation will guide you through installation, basic usage, and advanced customization to get the most out of svelte-french-toast.