Backspace ile en son chip silinir · Virgül veya Enter ile yeni chip oluşur
Ürün etiketleri
Vegan ×Acılı ×Glutensiz ×Yeni ×
Kurallar
· Chip etkileşimli; tıklanır, silinir, eklenir. Sadece görsel etiket için Pill kullan.
· Filter chip aktif: --nb-primary 50 bg + dot prefix + 600 font weight. Hover'da hafif border-koyulaşma.
· Removable: × her zaman sağda, hit alanı 14×14 (label hit alanı içinde). Mobilde min 22×22 hit zone.
· Input chip içinde: Backspace son chip'i siler, Enter / virgül / Tab yeni chip oluşturur, × tek tek siler.
· Avatar prefix radius 9999px, 18×18, ad baş harfleri (TR locale).
· Sayaç (count) gri tonda; aktif filter chip'te beyaz arka planlı.
· Tone varyantları (info/warn/danger): chip statik tag görünüyorsa pill'e geç. Chip + tone yalnızca "şikayet, vip, iptal" gibi seçilebilir kategori-etiketlerinde.
· Erişilebilirlik: filter chip role="checkbox" + aria-checked; removable chip × için aria-label="Kaldır: VIP"; klavye Backspace ile son chip kaldırma duyurulur.
· Yasak: chip içinde 2 satır metin, 18px+ avatar (chip yüksekliğini bozar), chip içinde ikon + metin + sayaç + × dördünün hepsi (görsel gürültü).