← Все MDC-примерыБазовые

CoreBadge

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Компактный ярлык-статус: категории, счётчики, точки-индикаторы. Рендерится статично.

Базовый ярлык

Новое

Цвета

ГотовоВниманиеОшибка

Варианты и точка-индикатор

variant меняет поверхность, dot рисует кружок статуса, pulse — пульс:

beta

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.

MDC

Компактный ярлык-статус: категории, счётчики, точки-индикаторы. Рендерится статично.

### Базовый ярлык

:core-badge{label="Новое"}

### Цвета

::div{.flex.flex-wrap.gap-1}
  :core-badge{label="Готово" color="success"}
  :core-badge{label="Внимание" color="warning"}
  :core-badge{label="Ошибка" color="danger"}
::

### Варианты и точка-индикатор

`variant` меняет поверхность, `dot` рисует кружок статуса, `pulse` — пульс:

::div{.flex.flex-wrap.gap-1}
  :core-badge{label="beta" variant="outline"}
  :core-badge{label="онлайн" dot pulse color="success"}
::