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

React API

Badge

as

Renderöitävä HTML-elementti

Tyyppi: ElementType
children

Komponentin sisältö.

Tyyppi: ReactNode
className

CSS-apuluokat ulkoasun muokkaamiseen.

Tyyppi: string
pill

Merkkilappu pyöristetyillä reunoilla

Tyyppi: boolean

Oletusarvo: true
testId

Komponentin juurielementille data-testid-attribuuttiin välitettävä tunniste testausta varten.

Tyyppi: string
variant

Komponentin väri / tyyppi.

Tyyppi: "primary" | "warning" | "danger" | "success" | "light" | "dark" | "primary-subtle" | "warning-subtle" | "danger-subtle" | "success-subtle"
wrap

Mahdollistaa merkkilapun tekstin rivittymisen

Tyyppi: boolean

Oletusarvo: false