Somoto

All you need for 🍞toast in SolidJS.
A SolidJS port of Sonner
Github
Documentation
Installation
npm install somoto
Usage

Render <Toaster/> in the root of your app.

import { Toaster, toast } from 'somoto'

function App() {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast('Toast for you!')}>
        Give me a toast
      </button>
    </div>
  )
}
Types

Swipe direction changes depending on the position.

toast('Event has been created')
Positions

Swipe direction changes depending on the position.

<Toaster position="bottom-right" />
Expand

You can change the amount of toasts visible through the visibleToasts prop.

<Toaster expand={false} />
Other
toast.success('Event has been created')

// ...

<Toaster richColors  />