مكون المسافة (Spacer)

يتيح لك مكون "المسافة" إضافة فراغ رأسي بين مكونات الصفحة الرئيسية بسهولة ومرونة، مما يساعدك في تنظيم وتنسيق العناصر بشكل احترافي.

متى تستخدم مكون المسافة؟

• عند الحاجة لإضافة مسافة واضحة بين أقسام أو عناصر الصفحة الرئيسية.
• لتحسين التباعد البصري وجعل التصميم أكثر راحة للعين.
• عند الرغبة في تخصيص المسافة بين المكونات حسب نوع الجهاز (كمبيوتر أو جوال).

خيارات الإعدادات

• الارتفاع (height):
  • حدد ارتفاع المسافة (بالبكسل) بين المكونات من 1 إلى 60 بكسل.
• الارتفاع على الجوال (mobileHeight):
  • خيار إضافي لتعيين ارتفاع مختلف للمسافة عند العرض على الجوال (من 1 إلى 60 بكسل).

أفضل الممارسات

• استخدم المسافة باعتدال لتجنب وجود فراغات كبيرة غير ضرورية.
• خصص ارتفاع المسافة على الجوال لجعل التصميم متجاوبًا وأكثر ملاءمة للشاشات الصغيرة.
• جرب عدة قيم حتى تصل إلى التباعد المثالي الذي يعكس هوية متجرك ويعزز تجربة المستخدم.

ملاحظة: تنظيم المسافات بين المكونات يضفي على متجرك مظهرًا أنيقًا واحترافيًا ويجعل التصفح أكثر سلاسة.