Badge
Визуальный индикатор для привлечения внимания к элементам интерфейса. Используется для выделения новых функций, статусов или важной информации.
Загружается...
Использование
- Старайтесь снабжать компонент кратким текстом или числом.
- Размещайте компонент в непосредственной близости от целевого элемента.
- Для важных уведомлений дублируйте информацию в полноценной системе уведомлений.
Загружается...
Доступность (a11y)
- Всегда передавайте смысловое содержимое в
children. - Избегайте декоративного использования без текста.
// ❌ Плохо: пустой значок
<Badge mode="prominent" />
// ✅ Хорошо: понятный контент
<Badge mode="prominent">Новые сообщения</Badge>Свойства и методы
| Свойство | Описание |
|---|---|
baseClassName | string | falseDeprecated: Since 7.3.0. Свойство устарело и будет удалено в По умолчанию: - |
baseStyle | CSSPropertiesDeprecated: Since 7.3.0. Свойство устарело и будет удалено в По умолчанию: - |
Component | ElementType<any, keyof IntrinsicElements>По умолчанию: - |
getRootRef | Ref<HTMLSpanElement>По умолчанию: - |
mode | "new" | "prominent"Режим отображения компонента. По умолчанию: new |