solid-toast

Create beautiful, customizable toasts in SolidJS.

Features

• Easily Customizable
• Promise API
• Lightweight
• Accessible

Installation

With yarn

yarn add solid-toast

With NPM

npm install solid-toast

Getting Started

Add a Toaster Component to the top level of your component tree. This will be the container element that will display all the toasts. Now you can trigger toast() from anywhere!

import toast, { Toaster } from 'solid-toast';

const notify = () => toast('Here is your toast.');

const App = () => {
  return (
    <div>
      <button onClick={notify}>Make me a toast</button>
      <Toaster />
    </div>
  );
};

Documentation

Coming Soon

Acknowledgements

This project is inspired by

• React Hot Toast