Siirry sisältöön
Kela Design System KDS

14.5.4

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

API

Badge

  • as

    Tyyppi: ElementType

    Oletusarvo: "span" as E

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat 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

  • util

    Poistuva

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

  • variant

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

    Komponentin väri / tyyppi.