Siirry sisältöön
Kela Design System KDS

15.1.0

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

    Tyyppi: ElementType

    Oletusarvo: "span" as E

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • pill

    Tyyppi: boolean

    Oletusarvo: true

    Merkkilappu pyöristetyillä reunoilla

  • testId

    Tyyppi: string

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

  • variant

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

    Komponentin väri / tyyppi.