Компоненты · Элементы

ЧипChip

Фильтры и вкладки: выбор одного из нескольких

npx shadcn@latest add @umbra/chip

Таблетка-переключатель. Выбранный чип отмечен формой: рамкой 2 px --primary-edge (там, где сам акцент не виден на белом), лёгким стеклом .glass-soft (тон, блик кромки, размытие, без тени) и весом 500. Рамка у чипа один из двух случаев, где она разрешена

Когда брать

  • Фильтры над списком: «Все», «С итогами», «Не распознано»
  • Вкладки раздела: role="tab" у чипов и role="tablist" у группы

Когда не брать

  • Действие («Экспорт», «Удалить»): Button
  • Больше шести вариантов или длинные названия: Select
  • «Вкл / выкл»: Toggle

Встречи

7 записей за неделю

Планёрка командыВТ, 10:00 · 32 мин
Интервью с дизайнеромПН, 16:30 · 48 мин
Созвон с подрядчикомПТ, 12:00 · 21 мин
Разбор макетовЧТ, 11:00 · 54 мин
Ретро спринтаСР, 17:00 · 40 мин
Встреча с юристомСР, 12:30 · 25 мин
Обзор метрикВТ, 15:00 · 36 мин

Можно

  • Один выбранный в группе вкладок; несколько в группе фильтров

Нельзя

  • Заливка акцентом у выбранного чипа: только рамка
  • Чипы разной высоты; иконка вместо подписи