Skip to content

Dot

Dot — минимальный status indicator без текстового содержимого.

vue
<Dot tone="success" />
<Dot :tone="flight.statusTone" size="6" tooltip="Flight status" />
АтрибутТипНазначение
tonetokenСемантический тон.
colortoken/stringЯвный цвет.
sizenumber/stringДиаметр; standard adapters используют 8px по умолчанию.
tooltip / :tooltipstring/expressionДоступное пояснение.

Для важного состояния не полагайтесь только на цвет: добавляйте tooltip или соседний Text.