Skip to content

Badge

Badge — компактная статусная или категорийная метка.

vue
<Badge tone="success">On time</Badge>
<Badge :tone="flight.statusTone">{{ flight.status }}</Badge>
АтрибутТипНазначение
value / :valuestring/expressionАльтернатива textual children.
tonetokenСемантический тон.
color, bgtoken/stringЦвет текста и фон.
sizestring/numberРазмер badge.
radius / rnumber/stringСкругление.
tooltip / :tooltipstring/expressionLazy text Tooltip.

Adapter получает tone как semantic metadata и сам выбирает visual theme.