Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

Badge —  небольшое числовое значение или дескриптор состояния для элементов пользовательского интерфейса. Рекомендовано использовать для маркировки табличных данных или данных результатов.

Основные правила

  • Когда текст внутри статуса достигает 200px, он обрезается многоточием.
  • Badge имеют закругленные грани, чтобы отличать их от основных кнопок.
  • Если на badge должно отображаться число, превышающее 99, используйте обозначение «99+». Исключением может служить ситуация, когда для целей пользователя важно сразу видеть число, и в дизайне достаточно места для его размещения.