البناء · جديد

مفتاح لوحة المفاتيح

يعرض مفتاحًا أو اختصارًا بجانب الأمر الذي ينفّذه، في القوائم والتلميحات ونصوص المساعدة.

المعاينة

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

قريبًايُفتح التثبيت من السجل مع الإطلاق. حتى ذلك الحين، هذا هو الأمر الذي ستستخدمه.

npx shadcn@latest add @ritla/keyboard-key

import { KeyboardKey, KeyboardShortcut } from "@/components/ui/keyboard-key";

<KeyboardShortcut keys={["Ctrl", "K"]} />
<KeyboardKey size="lg">Enter</KeyboardKey>

الخاصية	النوع	الافتراضي	الوصف
`children`	`ReactNode`		خاصية Label: اسم المفتاح كما هو مطبوع.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	خاصية Size: ‏20 أو 24 أو 32 بكسل.

الخاصية	النوع	الافتراضي	الوصف
`keys`	`ReactNode[]`		المفاتيح بالترتيب.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	مقاس كل مفتاح.

كل مفتاح <kbd>، والاختصار <kbd> يضمّها. اكتب Ctrl لا ^ فقارئ الشاشة ينطق الأسماء.
ليست أزرارًا، ولا تعرضها في شاشات اللمس فقط.