الثيم الافتراضي

المكوّنات

بطاقة القالب المرسومة

بطاقة رابط لقالب جاهز: رسمه على شبكة سماوية، واسمه، وسهم يتقدّم نحو وجهته.

تجريبي

المعاينة

«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.

قريبًايُفتح التثبيت من السجل قريبًا، وهذه هي الأوامر التي ستشغّلها حينها.

npx ritla add block-tile

ويعمل أيضًا مع shadcn: npx shadcn@latest add @ritla/block-tile

الاعتماديات التي يضيفها: @phosphor-icons/react

التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.

import { BlockTile } from "@/components/ui/block-tile";

<BlockTile block="checkout" href="/blocks/checkout">
  Checkout
</BlockTile>

الخاصية	النوع	الافتراضي	الوصف
`block`	`BlockThumbnailName`	لا يوجد	القالب المرسوم، وهو أحد القوالب الموجودة في الكود.
`children`	`ReactNode`	لا يوجد	اسم القالب بلغة الصفحة، وهو نص الرابط.
`href / render`	`string / ReactElement`	لا يوجد	الوجهة، أو رابط موجّه (`<Link>`) يحتفظ بعنصره.
`onBand`	`boolean`	لا يوجد	فوق الشريط السماوي: الظل الحادّ الأعمق ليبقى ظاهرًا.

الخاصية	النوع	الافتراضي	الوصف
`name`	`BlockThumbnailName`	لا يوجد	رسم القالب وحده، زخرفي، 220 في 124.

المفاتيح مكتوبة للاتجاه من اليسار إلى اليمين. في الاتجاه من اليمين يتبادل السهمان دورهما: السهم المتجه مع اتجاه القراءة ينقلك إلى الأمام.

المفتاح	ما يفعله
`Tab`	إلى البطاقة، وهي رابط واحد؛ ترتفع ويتقدّم سهمها كما عند المرور بالمؤشر.

الرسم كله، والظل الحادّ (أسفل اليسار)، وارتفاع البطاقة نحو بداية السطر، والسهم ودفعته.

الأرقام: أرقام الرسم غربية في كل الأوضاع، كأرقام الرسوم المصغّرة في الكتالوج.
الخط العربي: الاسم body-16 Medium بخط لغة الصفحة.