Перейти к содержимому

CoreChip

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

Живой рендер

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

Компактная метка: статусы, теги, счётчики. Статична и безопасна в контенте — достаточно label.

Метки в тексте

Статус: стабильный · теги: beta новое

Выбираемая метка

selected подсвечивает выбранное состояние:

Дизайн

Про удаление

Крестик removable требует обработчика @remove в коде — в чистом MDC-контенте метка остаётся обычной.

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Компактная метка: статусы, теги, счётчики. Статична и безопасна в контенте — достаточно `label`.

### Метки в тексте

Статус: :core-chip{label="стабильный"} · теги: :core-chip{label="beta"} :core-chip{label="новое"}

### Выбираемая метка

`selected` подсвечивает выбранное состояние:

:core-chip{label="Дизайн" clickable selected}

### Про удаление

Крестик `removable` требует обработчика `@remove` в коде — в чистом MDC-контенте метка остаётся обычной.