Badge

Merkkilappu erilaisten metatietojen, kuten asioiden tilatiedon tai lukumäärien, esitykseen. Käytä merkkilappua helpottamaan sisältöjen silmäilyä korostamalla tärkeimpiä metatietoja.

Julkaistu versiossa 1.1.0

HTML

Lisätietoa HTML-rakenteen ja tyylien hyödyntämisestä löydät sivulta Käyttö ilman Reactia.

Esikatselu

Esimerkit

CSS-luokat

CSS-luokka	Arvot	Kuvaus
`kds-badge`		Merkkilapun perusluokka
`kds-badge--pill`		Merkkilappu pyöristetyillä reunoilla
`kds-badge--[variant]`	`primary`, `warning`, `danger`, `success`, `light`, `dark`, `primary-subtle`, `warning-subtle`, `danger-subtle`, `success-subtle`	Merkkilapun värivariantti