13.4K ·GitHub
Что это?
React-Toastify — это библиотека для React, которая позволяет добавлять в приложение всплывающие уведомления с минимальной настройкой.
React-Toastify — это библиотека для React, которая позволяет добавлять в приложение всплывающие уведомления с минимальной настройкой.Это библиотека UI или полноценный фреймворк?Это лёгкая библиотека компонентов для React, которая занимается только всплывающими уведомлениями, а не полноценный UI-фреймворк.
Это лёгкая библиотека компонентов для React, которая занимается только всплывающими уведомлениями, а не полноценный UI-фреймворк.Как добавить её в проект?Установите через npm, pnpm или yarn как зависимость, импортируйте ToastContainer и CSS, затем вызовите функцию toast, чтобы показать уведомление; в README сказано, что заставить её работать можно меньше чем за 10 секунд.
Установите через npm, pnpm или yarn как зависимость, импортируйте ToastContainer и CSS, затем вызовите функцию toast, чтобы показать уведомление; в README сказано, что заставить её работать можно меньше чем за 10 секунд.Нужны ли дополнительные библиотеки для её использования?Для работы нужна только 'clsx' как зависимость времени выполнения; она работает сразу, но по желанию может сочетаться с библиотеками анимации, например animate.css.
Для работы нужна только 'clsx' как зависимость времени выполнения; она работает сразу, но по желанию может сочетаться с библиотеками анимации, например animate.css.Нужно ли обязательно настраивать свою анимацию?Нет, своя анимация необязательна — в библиотеке есть собственные стандартные анимации, а если хочется, можно подключить любую библиотеку анимации.
Нет, своя анимация необязательна — в библиотеке есть собственные стандартные анимации, а если хочется, можно подключить любую библиотеку анимации.Можно ли вывести внутри уведомления свой React-компонент?Да, библиотека позволяет показать внутри уведомления полноценный React-компонент, а хуки могут обращаться к переданным ему props.
Да, библиотека позволяет показать внутри уведомления полноценный React-компонент, а хуки могут обращаться к переданным ему props.Поддерживаются ли жесты смахивания и макеты RTL?Да, есть закрытие смахиванием с настраиваемым направлением и встроенная поддержка RTL (справа налево).
Да, есть закрытие смахиванием с настраиваемым направлением и встроенная поддержка RTL (справа налево).Можно ли управлять уведомлениями или обновлять их после показа?Да, можно обновить уведомление программно, удалить его, приостановить таймер, управлять его индикатором прогресса наподобие nprogress и ограничить количество одновременно показываемых уведомлений.
Да, можно обновить уведомление программно, удалить его, приостановить таймер, управлять его индикатором прогресса наподобие nprogress и ограничить количество одновременно показываемых уведомлений.Есть ли тёмная тема и поддержка стопки уведомлений?Да, есть встроенная тёмная тема, поддерживается стопка уведомлений и индикатор прогресса, показывающий оставшееся время.
Да, есть встроенная тёмная тема, поддерживается стопка уведомлений и индикатор прогресса, показывающий оставшееся время.What are similar projects?sonner, rare-ui, react-transition-group, react-hot-toast, sweetalert2, swiper, drawably, react-select
sonner, rare-ui, react-transition-group, react-hot-toast, sweetalert2, swiper, drawably, react-selectWhich topics is it in?react-component, toast, reactjs, ui-components, animation, css, react, npm, frontend, library, typescript, javascript
react-component, toast, reactjs, ui-components, animation, css, react, npm, frontend, library, typescript, javascript