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.