sileo-react-toasts

Official documentation: https://sileo.aaryan.design/docs API Reference: https://sileo.aaryan.design/docs/api Toaster API: https://sileo.aaryan.design/docs/api/toaster Styling Guide: https://sileo.aaryan.design/docs/styling Playground: https://sileo.aaryan.design/play GitHub: https://github.com/hiaaryan/sileo

Sileo is a tiny, opinionated, physics-based toast component for React. It uses gooey SVG morphing (via an feGaussianBlur + feColorMatrix filter chain) and spring animations (powered by motion/react, formerly Framer Motion) to create buttery-smooth notifications that look beautiful by default with zero configuration.

Sileo is not a general-purpose notification center. It is a highly polished, visually distinctive toast system designed for single-line feedback messages with optional expandable descriptions.

Предоставить рекомендации по реализации всплывающих уведомлений Sileo (пакет npm «sileo») в приложениях React. Используйте при добавлении области просмотра Toaster, запуске глобальных всплывающих уведомлений через sileo.success/error/warning/info/show/action, обработке асинхронных потоков с помощью sileo.promise, отклонении/очистке всплывающих уведомлений, настройке позиций/смещения, оформлении тем с помощью светлых/темных/системных режимов и настройке стилей с помощью заливки, переопределений стилей, автопилота, округлости, переменных CSS и селекторов атрибутов данных. Также используйте этот навык для поведения смахивания для закрытия, пользовательских значков, описаний JSX, поддержки замедленного движения, экспорта типов TypeScript и понимания внутренней архитектуры морфинга SVG Sileo. Обязательно используйте этот навык всякий раз, когда пользователь упоминает sileo, всплывающие уведомления в React, липкие тосты, уведомления на основе физики или хочет добавить любую систему тостов/уведомлений с использованием sileo, даже если он явно не называет пакет. Источник: xoverlap/sileo-skill.