حرکت کوتاه و هدفمند است: برای نشان دادن رابطه و نتیجه، نه تزئین. همه حرکتها به prefers-reduced-motion و سوییچ «کاهش حرکت» احترام میگذارند.
نمونهها با منحنی ease-out پخش میشوند.
| نمونه | توکن | مقدار |
|---|---|---|
| کپی کد | ||
| کپی کد | ||
| کپی کد | ||
| کپی کد | ||
| کپی کد | ||
| کپی کد |
برای دیدهشدن تفاوت، با دو برابر مدت slow پخش میشوند.
| نمونه | توکن | مقدار |
|---|---|---|
| کپی کد | ||
| کپی کد | ||
| کپی کد |
حاشیه هفترنگ چرخان دور لوگو و Dock یعنی «سیستم در حال فکر کردن است». هنگام جابهجایی بین صفحهها خودکار روشن میشود و هر عملیاتی هم میتواند آن را روشن و خاموش کند. تنها کاربرد مجاز گرادیان در TDS.
import { startBusy, runBusy, useBusy } from '@tokapps/tuk/busy';
const stop = startBusy(); // روشن
stop(); // خاموش
await runBusy(() => save(form)); // تا پایان عملیات روشن میماند
<Button action={() => save(form)}>ذخیره</Button> // همان، آماده روی دکمه
const busy = useBusy(); // برای غیرفعالکردن دکمه و متن وضعیت| توکن | مقدار |
|---|---|
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد |
| توکن | مقدار |
|---|---|
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد | |
| کپی کد |
نه دستهبندی حرکتی و پیشتنظیمهای هرکدام، از فهرست ماشینخوان همان پکیج.