dashbook
Marketing / Building blocks

Chip.

A pill tag — `border-radius: 999px`, 1px border, soft-tinted background, mono-ish 12–13px. Styles four semantic ways via `data-tone`; a leading check icon reads as "included".

Stable marketing_chip /shipping chip usage: .mk-cardhero-points (leading dot) · .mk-calc-chip (data-tone) · .mk-shotrow-chip (leading check = "included")

When to use

Tag inclusion ("included"), status, category, or a feature flag inline with copy or on a card. Use `data-tone` to carry meaning: accent for on-brand, positive for savings/included, warn for caution, negative for an overcharge/violation.

Included Audited Review needed Overcharge
Included Audited Review needed Overcharge
[data-mk-dark]