toastkit — sonner-style toasts for vanilla JavaScript

Settings

Position

Theme

auto light dark mono (defined in demo.css)

Behaviour

duration ms max pause on hover swipe to dismiss stack

Variants

Last call

import { toast } from '@mrcs/toastkit'
import '@mrcs/toastkit/toastkit.css'

CSS, live

This is the library stylesheet's variable block. Edit it and the toasts on screen follow, in every theme, until you press Reset. Nothing is injected from JavaScript, so the same file is your theme in production.