المكونات

المضاعِف

زر الكمية في السلال وبطاقة المادة. مطويّ إلى زر + عند الصفر، يتحوّل إلى − عدد + عند إضافة أول وحدة، ويُظهر بونص المادة اختياريا. أزرق، حبّة، كل زر هدف لمس 44 بكسل.

جاهز، مؤكّد من فيغماإدخالاتجاه منطقي

النضج: جاهز
الإصدار: 1.0
المالك: كلاود ماركتس
المنصّة: جوال

نظرة عامة

جرّبه

الكمية

0(مطوي: زر +)

بونص

المضاعِف يوفّر الإضافة وتعديل الكمية دون مغادرة القائمة، وهو الطريق الأساسي للإضافة إلى السلة في ميركاتو B2B.

الحالتان

حالتان بصريتان: مطويّ (زر + بقطر 44 بكسل) عند الكمية صفر، ومفرود (− العدد +) عند وحدة واحدة فأكثر. العدد يظهر في المنتصف، والبونص فوقه بلون كهرماني.

إمكانية الوصول

كل زر (+، −، الإضافة) هدف لمس 44 بكسل على الأقل.
الأزرار حقيقية، قابلة للوصول بلوحة المفاتيح، وتُفعَّل بـ Enter/مسافة.
العدد يُعلَن حيّا (aria-live) عند كل تغيير.
المجموعة تحمل تسمية وصول عربية.

الاتجاه

الاتجاه منطقي: الأزرار (− و+) تنعكس تلقائيا مع اتجاه الصفحة، بينما يبقى العدد بالأرقام الغربية يُقرأ من اليسار لليمين.

افعل ولا تفعل

افعل

ابدأ بزر + مطويّ ثم افرد عند أول وحدة.
أظهر البونص فوق العدد حين يكون للمادة بونص.

لا تفعل

لا تصغّر الأزرار دون 44 بكسل.
لا تخفِ العدد أو تجعله غير قابل للإعلان.

الكود

React

<Stepper
  value={qty}
  onChange={setQty}
  bonus="1+"   /* optional bonus shown above the count */
  min={0}
  max={999}
/>