البناء · جديد

مفتاح بعنوان ووصف

مفتاح تبديل بعنوان ووصف لصفوف الإعدادات، بمقاسين. يُطبَّق التغيير فورًا.

المعاينة

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

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

npx shadcn@latest add @ritla/switch

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

import { Toggle } from "@/components/ui/switch";

<Toggle defaultChecked description="Get alerts for transfers and card payments.">
  Enable notifications
</Toggle>

size="sm": عنوان body-14 فوق body-12 على بعد ٨ بكسل من المفتاح. disabled يعطّل المفتاح والنصوص.

الخاصية	النوع	الافتراضي	الوصف
`children`	`ReactNode`		خاصية Title.
`description`	`ReactNode`		خاصية Description.
`checked / defaultChecked / onCheckedChange`	`…`		خاصية Value، كما في Switch.
`size`	`"md" \| "sm"`	`"md"`	خاصية Size.
`icon / disabled / name / value`	`…`		كما في Switch.

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

المفتاح	ما يفعله
`Space`	يبدّل الحالة (وEnter كذلك).

المفتاح في بداية الصف (اليمين) والنصوص بعده، والمقبض يتحرك نحو اليسار عند التشغيل.

الأرقام: الأرقام في الوصف تتبع numerals.
الخط العربي: العنوان body-16 بوزن Medium والوصف body-14 (أو body-14 وbody-12 في الصغير).