مخطّط زمني
Timelineمخطّط زمني عمودي في React لسجل الطلبات وتتبّع المعاملات وموجز النشاط، بعلامات حالة وأيقونات وصور رمزية. دلالات قائمة مرتّبة.
ركب عناصر TimelineItem، لكل منها علامة ومحتوى. حالة العلامة status شكلية فقط، فاجعل المعنى في النص.
متى تستخدمه
استخدم Timeline لعرض تاريخ الطلب: أُرسل، قيد المراجعة، اعتُمد، سُلّم. استخدم status العلامة للقراءة البصرية السريعة وضع التاريخ والنتيجة في النص.
للخطوات القادمة في نموذج، استخدم ProgressIndicator.
أمثلة
الخصائص
الخصائص التي يعرّفها Timeline. سمات العنصر الأصلي تمرّ كما هي.
<Timeline>
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
size | "sm" | "md" | ||
orientation | "vertical" | "horizontal" |
<TimelineMarker>
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
status | "default" | "error" | "success" | "warning" | "info" |
إمكانية الوصول
يعرض Timeline قائمة مرتّبة، فيُعلن عدد الأحداث وترتيبها. حالة العلامة والأيقونات زخرفية، فيجب أن يذكر نص كل عنصر ما حدث ومتى.
ثبّت الترتيب من الأحدث أو الأقدم في المنتج كلّه.