SONNER - TOAST NOTIFICATIONS

Sonner - Toast Notifications

Published January 2024

    •    Updated February 2026

Plugin details

Introducing Sonner, an opinionated toast component that allows you to create stunning and customizable toast notifications for your app.

There are two available modes:

1. Minimalistic: This mode features a black and white color palette.

2. Rich colors: In this mode, different colors are used based on the type of notification.

It supports five types of notifications:

1. Blank
2. Info
3. Warning
4. Error
5. Success

Customize the message
Set a custom duration
Change background, border and font colours

Free

For everyone

4.0 stars   •   2 ratings

318 installs  

This plugin may track or collect your data. Learn how.

Other actions

Platform

Web

Contributor details

Kirsanov Artem

Joined 2022   •   1 Plugin

View contributor profile

Instructions

✅ Add the Sonner element to your page. 

✅ Configure plugin settings and styling

✅ You can display a notification from your Sonner element via workflow actions. Use the action "notify a Sonner" and select your Sonner.

Data collection and tracking

This author has not yet disclosed their data usage policy. Learn more by contacting the author.

Types

This plugin can be found under the following types:

Background Services   •   Element   •   Action

Resources

Support contact

Tutorial

Forum

Rating and reviews

Average rating (4.0)

Nice plugin but some bug and feedback

June 13th, 2024

I am hoping that we got more customisation option in term of choosing the background colour, font size, type etc. One major bug for me is, when there's an error in Google Login, this plugin throw an error instead of showing the error message alert.