کامپوننت‌ها
خط زمانی
نمایش رویدادها و فعالیت‌ها به ترتیب زمان، مثل تاریخچهٔ سفارش یا فعالیت تیم.
import { Timeline } from "@kashi-ui/react";نمونه
<Timeline items={[
{ title: <><strong>سارا محمدی</strong> سفارش را تأیید کرد</>, time: new Date(…), tone: "success", icon: <CheckIcon /> },
{ title: <><strong>رضا کریمی</strong> نظر گذاشت</>, time: new Date(…), icon: <Avatar name="رضا کریمی" size="sm" />,
content: "بسته‌بندی را دوبل کنید؛ کالا شکستنی است." },
{ title: "سفارش ثبت شد", time: "۱۲ آبان، ۱۰:۲۰" },
]} />اگر time از نوع Date باشد، به شکل نسبی («۵ دقیقه پیش») با RelativeTime نمایش داده و خودکار به‌روز می‌شود؛ متن هم می‌توانید بدهید.
| نام | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
items | { id?, title, time?, icon?, tone?, content? }[] | — | رویدادها به ترتیب نمایش |
items[].tone | "neutral" | "brand" | "success" | "error" | "neutral" | رنگ نشانگر |
digits | "fa" | "latin" | "fa" | ارقام زمان نسبی |
دسترس‌پذیری
فهرست مرتب <ol> است، پس صفحه‌خوان تعداد و ترتیب رویدادها را می‌گوید. نشانگرها تزئینی‌اند و زمان در عنصر <time> با تاریخ دقیق است.