---
title: "Extended Sonner Toast"
url: "https://sanyam.sh/lab/sonner-extended-toast"
date: "2025-12-07"
---

# Extended Sonner Toast

custom sonner toast layout with animated background fill, icon states, footer, and promise-aware durations.

gradient glass panel, animated dot rows, and per-state color accents; includes promise demo with loading/success/error.

extended sonner with shared vs unique toast ids, single-instance updates, bottom-right toaster, no icons, and promise-driven state transitions.

- Source: https://github.com/SanyamPunia/www/blob/main/components/labs/sonner-extended-toast/index.tsx