النشاط

خلاصة زمنية لأحداث النشاط. تدعم فاصلاً بين العناصر وRTL.

Loading demo: activity-real-world

التثبيت

npx sdaia-ui@latest add activity

الاستخدام

import { Activity } from "@/components/ui/activity"
<Activity />

الأمثلة

الافتراضي

خلاصة نشاط تعرض قائمة بالأحداث الأخيرة.

Loading demo: activity-default

مع الفاصل

خلاصة النشاط مع فواصل تفصل كل حدث.

Loading demo: activity-divider

مرجع الواجهة البرمجية

ActivityProps

خصائص مكوّن Activity.

Prop

Type

Default

Required

items

ActivityItemProps[]

-

required

divider

boolean

false

optional

rtl

boolean

false

optional

dir

"ltr" | "rtl"

optional