تب قرصی

کاربرد و حالت‌ها

تب قرصی برای جابه‌جایی میان بخش‌های هم‌سطح است؛ عنوان کوتاه و شمارنده داخل قرص قرار می‌گیرد. مشخصات: ارتفاع ۳۶px، متن ۱۳٫۵/۵۰۰، بدون underline.

قواعد محتوا: تب با شمارندهٔ صفر و تب خالی حذف نمی‌شوند و باقی می‌مانند؛ هنگام بارگذاری، شمارنده «…» یا اسکلتون می‌گیرد. چندرقمی شدن شمارنده نباید چیدمان را بلرزاند. در حالت compact، تب‌ها اسکرول افقی با snap دارند. حفظ انتخاب تب در ذخیرهٔ محلی هدف است، نه تضمین خود primitive.

پلتفرم و دسترس‌پذیری

Tabs وب بر Radix است: tablist نام‌دار، هر tab با aria-selected و پنل مرتبط. حرکت با فلش چپ/راست در جهت RTL درست تنظیم شود؛ نام تب باید شامل تعداد باشد.

منبع وب: apps/calendar-web/src/components/ui/tabs.tsx. این قرارداد هدف است؛ وضعیت اجرا در پذیرش واقعی. قواعد مشترک: کنتراست، فوکوس، لمس و حرکت.

نمونهٔ هدف