Badge

Это маленький значок обычно используется в паре с другими компонентами. Используется для привлечения внимание к этим компонентам.

Base Badge#

Base

Цвет компонента меняется через свойство color. Более подробно про цвет в этой статье.

Color

Свойство max={number} определяет максимальный предел точного отображения.

Max

Если вы хотите минималистичный режим отображения, то используйте свойство dot={true}.

Dot

Свойство сircle={true} помогает корректно позиционироваться относительно цели круглой формы.

Circle

Свойство ripe={true}, badge становиться самостоятельным элементом.

Ripe

Name	Type	Default	Description
children	node		Это контент между открывающим и закрывающим тегом компонента.
classes	object		Объект содержит jss стили компонента.
className	string		Чтобы указать CSS классы, используйте этот атрибут.
color	string	'fail'	Название цвета в разных форматах.
count	number	0	Номер для отображения на значке.
max	number	99	Максимальный предел точного отображения.
dot	bool	false	Минималистичный вид.
circle	bool	false	Смещение, чтобы корректно смотрелось если родитель круглой формы.
ripe	bool	false	true - badge становиться самостоятельным элементом.