فارسی
شمارش معکوس
زمان باقی‌مانده با ارقام فارسی، برای ارسال دوبارهٔ کد، پایان تخفیف یا شروع رویداد.
import { Countdown } from "@kashi-ui/react";نمونه
ارسال دوبارهٔ کد تا <Countdown seconds={30} aria-label="زمان باقی‌مانده تا ارسال دوباره" onComplete={() => setDone(true)} />
<Countdown to={launchDate} variant="blocks" aria-label="زمان باقی‌مانده تا شروع فروش" />برای شروع دوباره، key کامپوننت را عوض کنید. شمارش از ساعت سیستم حساب می‌شود، پس اگر زبانه مدتی پنهان باشد هم درست می‌ماند.
| نام | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
to | Date | — | زمان پایان |
seconds | number | — | یا مدت به ثانیه از لحظهٔ نمایش |
onComplete | () => void | — | یک بار در پایان |
variant | "clock" | "blocks" | "clock" | ۰۲:۳۴ یا کادرهای روز و ساعت |
digits | "fa" | "latin" | "fa" | |
aria-label | string | — | موضوع شمارش |
labels | { days?, hours?, minutes?, seconds? } | — |
دسترس‌پذیری
role="timer" دارد که صفحه‌خوان آن را هر ثانیه اعلام نمی‌کند. نام دسترس‌پذیر متن کامل است («زمان باقی‌مانده تا ارسال دوباره: ۲ دقیقه و ۳۴ ثانیه»)، پس کاربر هر وقت به آن برسد زمان را می‌شنود.