قائمة وصف
DescriptionListقائمة مفتاح وقيمة في React تعرض عناصر dl وdt وdd الحقيقية لشاشات المراجعة والملخّص، أفقية أو عمودية، بقيم غنيّة ودعم عربي.
يعرض DescriptionList بنية <dl> حقيقية. يجمع كل DescriptionItem تسمية مع قيمتها، أفقيًا أو رأسيًا.
متى تستخدمه
استخدم DescriptionList لعرض حقول سجل قبل الإرسال أو في صفحة التفاصيل: اسم مقدّم الطلب، ورقم الطلب، والحالة، والتواريخ. استخدم التخطيط الأفقي للقراءة السريعة والعمودي في الشاشات الضيّقة أو حين تطول القيم.
للمقارنات الجدولية عبر سجلات كثيرة، استخدم Table.
أمثلة
الخصائص
الخصائص التي يعرّفها DescriptionList. سمات العنصر الأصلي تمرّ كما هي.
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
orientation | "vertical" | "horizontal" | ||
divided | boolean |
إمكانية الوصول
تعرض القائمة عناصر <dl> و<dt> و<dd> الأصلية، فيعلن قارئ الشاشة كل مصطلح مع وصفه.
أبقِ المصطلحات قصيرة وفريدة، وضع المحتوى الغني مثل StatusTag داخل التفاصيل لا المصطلح.