چیپ

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

چیپ برای فیلتر یا انتخاب میان حداکثر ۸ گزینه با نام کوتاه است؛ نقطهٔ رنگ اختیاری دارد. جای ناوبری اصلی یا حذف آیتم نیست.

اندازه: هدف ارتفاع ۳۲px است (وب فعلی ۳۰px). حالت انتخاب با ظرف برند نشان داده می‌شود، نه با پرشدن کامل چیپ. کلیک دوباره انتخاب را لغو می‌کند و در گروه تک‌انتخابی، انتخاب جدید بقیه را خاموش می‌کند. چیپ حذف‌دار نداریم. در حالت compact چیپ‌ها اسکرول افقی دارند و در عرض‌های بیشتر wrap می‌شوند.

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

چیپ وب Chip یک دکمه با وضعیت selected است؛ منطق گروه و فیلتر با فراخواننده است. aria-pressed باید وضعیت روشن/خاموش را منتقل کند. این کنترل جایگزین تب نیست.

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

نمونهٔ هدف