مرجع API

إليك العقد الكامل لـ toast: كل ما يمكنك ربطه والاستماع إليه وإسقاطه وتنسيقه، مجموعاً في مكان واحد. اربط ما تحتاجه ونسّق ما تريده — إنه standalone وملائم للـ Signals.

المدخلات

لم يتم توثيق أي مدخلات بعد.

المخرجات

لم يتم توثيق أي مخرجات بعد.

القوالب

لم يتم توثيق أي قوالب بعد.

متغيّرات CSS

نسّق كل بكسل عبر 15 متغيّرات CSS. تجاوزها عند :root أو حدّد نطاقها على غلاف.

التخطيط والتباعد

رموز تتحكّم في حجم toast واستدارة الحدود والحشو والظل.

المتغيّر	الافتراضي	النوع	الوصف
`--hub-toast-width`	`22rem`	length	العرض الأقصى لكل بطاقة toast. `18rem26rem`
`--hub-toast-border-radius`	`0.375rem`	length	استدارة زوايا بطاقة toast. `00.75rem`
`--hub-toast-padding-x`	`1rem`	length	الحشو الأفقي داخل جسم toast. `0.75rem1.25rem`
`--hub-toast-padding-y`	`0.75rem`	length	الحشو الرأسي داخل جسم toast. `0.5rem1rem`
`--hub-toast-gap`	`0.5rem`	length	المسافة بين رسائل toast المكدّسة في الحاوية. `0.25rem0.75rem`
`--hub-toast-shadow`	`0 2px 8px rgba(0,0,0,.25)`	shadow	الظل الذي تُلقيه بطاقة toast. `none0 4px 20px rgba(0,0,0,.18)`

الألوان

رموز الخلفية والمقدّمة واللون المميِّز. تتجاوز الأنواع المدمجة اللون المميِّز من --hub-sys-color-<type>-*.

المتغيّر	الافتراضي	النوع	الوصف
`--hub-toast-bg`	`#323232`	color	لون خلفية بطاقة toast. `#fffvar(--bs-dark)`
`--hub-toast-color`	`#ffffff`	color	لون نص جسم toast. `#212529var(--bs-body-color)`
`--hub-toast-title-color`	`inherit`	color	لون نص عنوان toast. `#fffvar(--bs-emphasis-color)`
`--hub-toast-accent`	`transparent`	color	لون الحد الأيسر أو الإبراز؛ يُضبط تلقائيًا من عائلة رموز DS للأنواع المدمجة. `var(--hub-sys-color-primary)#0d6efd`

شريط التقدّم

رموز شريط العد التنازلي المعروض في أسفل toast.

المتغيّر	الافتراضي	النوع	الوصف
`--hub-toast-progress-height`	`4px`	length	ارتفاع شريط التقدّم. `2px6px`
`--hub-toast-progress-bg`	`rgba(255,255,255,.4)`	color	لون تعبئة شريط التقدّم. `rgba(0,0,0,.2)var(--bs-primary)`

الحاوية

رموز حاوية التراكب الثابتة التي تضمّ جميع رسائل toast الظاهرة.

المتغيّر	الافتراضي	النوع	الوصف
`--hub-toast-container-gap`	`0.5rem`	length	المسافة الرأسية بين رسائل toast المتتالية في الحاوية. `0.25rem1rem`
`--hub-toast-container-offset`	`1rem`	length	المسافة من حافة الشاشة إلى الحاوية. `0.5rem2rem`
`--hub-toast-zindex`	`1090`	number	ترتيب تكديس حاوية toast بالنسبة إلى التراكبات الأخرى. `10509999`

التنسيق والسمات

لم يتم توثيق أي أمثلة تنسيق بعد. سيتضمّن هذا القسم وصفات التخصيص وأمثلة السمات.