خدمة إشعارات Toast لـ Angular | ng-hub-ui-toast
خدمة إشعارات toast من نوع standalone لـ Angular مع Signals وملاحظات دورة الحياة وشريط تقدّم وستة مواضع وتنسيق سمات كامل بمتغيرات CSS.
أمثلة تفاعلية
استكشف أمثلة حيّة توضّح كيف تتصرّف المكتبة في حالات استخدام Angular الشائعة.
الأنواع الأساسية
خيارات الإعداد
تحديد الموضع
منع التكرار
Click the button multiple times. With preventDuplicates enabled, only one toast with the same message will appear.
الحد الأقصى المفتوح وautoDismiss
When autoDismiss is false, new toasts are silently dropped once the cap is reached. When true, the oldest toast is removed to make room.
ملاحظات دورة الحياة
تنسيق السمات بمتغيرات CSS
Active token overrides (applied to this demo's container):
--hub-toast-border-radius: 0.75rem;
--hub-toast-shadow: 0 4px 20px rgba(0,0,0,.18);
--hub-toast-padding-x: 1.25rem;
--hub-toast-padding-y: 1rem;
--hub-toast-font-size: 0.9rem; Tokens are injected from the page's stylesheet or from a style binding on any ancestor element — the container reads them via CSS inheritance.