مجلد ui

يحتوي على مكونات UI صغيرة وقابلة لإعادة الاستخدام بصيغة .njk يمكن إضافتها للتخطيطات أو الـ widgets (الأزرار، البطاقات، المحمّلات، البحث، الشريط الجانبي، الترقيم، السلة، إلخ).

المكونات الشائعة

• button.njk, product-card.njk, pagination.njk, sidebar.njk, search.njk, loading-screen.njk, cart.njk.

كيفية التضمين

• استخدم وسم {% ui %} ومرر الخصائص المطلوبة:

{% ui "button.njk", text="اشترِ الآن", variant="primary"  %}

• يمكن تضمينها داخل الـ widgets أو layout.njk أينما احتجت.

نصائح

• أعد استخدام نفس المكون بدلاً من تكرار الكود للحفاظ على اتساق الـ UI.
• حدد خصائص واضحة (النص، الأيقونة، حالة التحميل) حتى تبقى المكونات مرنة.