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.

提供 React 應用程式中 Sileo（npm 套件「sileo」）toast 通知的實施指南。在新增 Toaster 視窗、透過 sileo.success/error/warning/info/show/action 觸發全域 toast、使用 sileo.promise 處理非同步流、消除/清除 toast、配置位置/偏移、使用亮/暗/系統模式主題以及透過填入自訂樣式、樣式覆蓋、自動駕駛儀、圓度屬性、CSS 時使用變數和圓度屬性模式主題以及透過填入自訂樣式、樣式覆蓋、自動駕駛儀、圓度屬性、CSS 時使用變數和圓度屬性模式主題以及透過填入自訂樣式、樣式覆蓋、自動駕駛儀、圓度屬性、CSS 時使用變數和圓度屬性模式主題。還可以將此技能用於滑動關閉行為、自訂圖示、JSX 描述、簡化運動支援、TypeScript 類型匯出以及了解 Sileo 的內部 SVG 黏性變形架構。每當用戶提到 sileo、React 中的 toast 通知、gooey toast、基於物理的通知，或想要使用 sileo 添加任何類型的 toast/通知系統時，請確保使用此技能，即使他們沒有明確命名包。 來源：xoverlap/sileo-skill。