Siirry sisältöön
Kela Design System KDS

14.5.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

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

    Utility-luokat ulkoasun muokkaamiseen

  • 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: "" | "text" | "paragraph" | "circle"

    Oletusarvo: ""

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