КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwBadge

Индикатор поверх слота: число,
текст или точка (isDot).

SwBadge

Индикатор поверх слота: число, текст или точка (isDot).

Свойства / Properties

ИмяТипПо умолчаниюОписание
valueNumber/String``Значение на бейдже.
maxNumber99При числе > max → {max}+.
typeStringdangerЦвет метки.
isDotBooleanfalseТочка вместо текста.
showZeroBooleanfalseПоказывать 0.
hiddenBooleanfalseСкрыть метку.
classString``CSS-класс обёртки.

Пример

<sw-badge :value="3">
  <sw-button type="primary" label="Сообщения" />
</sw-badge>
<sw-badge :value="120" :max="99" type="warning">
  <sw-button label="Уведомления" />
</sw-badge>
<sw-badge is-dot type="danger">
  <sw-button type="info" label="Точка" />
</sw-badge>
<sw-badge value="new" type="success">
  <sw-button label="Текст" />
</sw-badge>