Siirry sisältöön
Kela Design System KDS

15.1.0

Skeleton

Käytä Skeleton-komponenttia latausindikaattorina, joka tarjoaa käyttäjälle visuaalisen vihjeen ladattavasta sisällöstä. Korvaa Skeleton oikealla sisällöllä heti, kun tarvittava sisältö on valmis esitettäväksi.

Julkaistu versiossa 0.15.3

React API

Skeleton

  • as

    Tyyppi: ElementType<any, keyof IntrinsicElements>

    Oletusarvo: "span" as E

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • testId

    Tyyppi: string

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

  • variant

    Tyyppi: "" | "text" | "paragraph" | "circle"

    Oletusarvo: ""

    Komponenin tyyppi ("", "text", "paragraph" , "circle")