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