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 |