Library. Sonner

🧱 Суть

sonner – библиотека для отображения toast-уведомлений.

📦 Проблема

1. Нужно быстро добавить уведомления

Без готовых библиотек приходится самостоятельно реализовывать систему уведомлений.

✅ Решение

Установить библиотеку и подключить согласно документации.

💻 Код

Установка:

npm install sonner

Подключение Toaster:

import { Toaster } from 'sonner';
 
export function App() {
	return (
		<> 
			<Toaster />      
			{/* приложение */}
		</>  
	);
}

Показ уведомлений:

import { toast } from 'sonner';
 
toast('Сохранено');
toast.success('Успех');
toast.error('Ошибка');

🎯 Вывод

• sonner позволяет быстро показывать toast-уведомления
• для работы sonner необходимо один раз подключить <Toaster />

🔗 Связано

• Library. Sonner. Создание системы Toast
• Library. Sonner. Стилизация через Tailwind
• Library. Tailwind
• React. Хук vs функция