قسم الشبكة المتنوعة
بطاقات مزايا بأحجام مختلفة على شبكة واحدة، في كل منها لقطة من المنتج قد تمتد خارج حافتها: عريضة وضيقة، أو طويلة في البداية، أو ملوّنة اثنتين في اثنتين.
المعاينة
«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.
إنجليزيمعكوسعربي
سطح المكتبالجوال
← RTL
أمثلة
طويلة في البداية
إنجليزيمعكوسعربي
سطح المكتبالجوال
← RTL
ملوّنة
إنجليزيمعكوسعربي
سطح المكتبالجوال
← RTL
التثبيت
أضف القالب
npx ritla add bento-sectionويعمل أيضًا مع shadcn:
npx shadcn@latest add @ritla/bento-section
مبني من
مكوّنات Ritla UI التي يتكوّن منها هذا القالب، وتُثبَّت معه.
ملاحظات العربية والاتجاه
ينعكس
- تبدأ الشبكة من اليمين: البطاقة العريضة أو الطويلة على اليمين في العربية، والنص المساعد على يسار العنوان.
لا ينعكس
- المبالغ وأرقام البطاقات والأرقام داخل اللقطات.