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.

Fornire indicazioni sull'implementazione per le notifiche di avviso popup Sileo (pacchetto npm "sileo") nelle app React. Da utilizzare quando si aggiunge la vista Toaster, si attivano toast globali tramite sileo.success/error/warning/info/show/action, si gestiscono flussi asincroni con sileo.promise, si ignorano/cancellano toast, si configurano posizioni/offset, si creano temi con modalità chiaro/scuro/di sistema e si personalizza lo stile tramite riempimento, sostituzioni di stili, pilota automatico, rotondità, variabili CSS e selettori di attributi dati. Utilizza questa abilità anche per il comportamento di scorrimento per eliminare, icone personalizzate, descrizioni JSX, supporto per movimenti ridotti, esportazioni di tipo TypeScript e comprensione dell'architettura di morphing appiccicosa SVG interna di Sileo. Assicurati di utilizzare questa abilità ogni volta che l'utente menziona sileo, notifiche di avviso popup in React, toast appiccicosi, notifiche basate sulla fisica o desidera aggiungere qualsiasi tipo di sistema di avviso di avviso/notifica utilizzando sileo, anche se non nomina esplicitamente il pacchetto. Fonte: xoverlap/sileo-skill.