SaveStatus — وضعیت ذخیره

همیشه آیکون و متن دارد (رنگ تنها نشانه نیست) و در ناحیهٔ aria-live="polite"کپی کد اعلام می‌شود.

وضعیت: beta · لایه: ۳ (@tokapps/tukکپی کد) · کد: packages/tuk/src/feedback/save-status/کپی کد

import { SaveStatus, saveStatusDockBadge } from '@tokapps/tuk';

نمونهٔ زنده

import { saveStatusDockBadge } from '@tokapps/tuk';

registerDockAction({ id: 'save', label: 'ذخیره', icon, onSelect, ...saveStatusDockBadge(state) });

کد قابل کپی

وضعیت‌ها

<SaveStatus state="saving" /><SaveStatus state="saved" lastSavedAt={savedAt} /><SaveStatus state="conflict" onResolve={openDiff} /><SaveStatus state="error" onRetry={retry} />

نشان روی داک

saveStatusDockBadge(state)کپی کد پراپ statusBadgeکپی کد را برمی‌گرداند (برای idleکپی کد خالی). روی DockActionکپی کد یا DockItemکپی کد پخش کنید.

registerDockAction({ id: 'save', label: 'ذخیره', icon: <Icon name="save" size="auto" />, onSelect: save, ...saveStatusDockBadge(state) });<DockItem icon={icon} label="ذخیره" {...saveStatusDockBadge(state)} />

پراپ‌ها