Siirry sisältöön
Olet Kela Design Systemin vanhemmassa versiossa. Siirry viimeisimpään versioon.

Link

Komponentti linkkien eli siirtymien esittämiseen. Linkki voi esiintyä osana muuta sisältöä tai yksittäin.

Julkaistu versiossa 6.2.0

React API

Ref-prop välitetään komponentin link-elementille.

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • emphasize

    Suurempi tekstikoko linkkien korostukseen

    Tyyppi: boolean

  • icon

    Linkin sisältöä tai aihetta kuvaava kuvake. Käytä yhdessä standalone-propin kanssa, jos kuvakkeen koko on suuri ja kyseessä on yksittäinen linkki.

    Tyyppi: Element

  • newTabLabel

    Piilotettu teksti aukeaa uuteen välilehteen -kuvakkeelle

    Tyyppi: string

    Oletusarvo: Avautuu uuteen välilehteen

  • ref

    Komponentin ref, joka tyypittyy renderöitävän HTML-elementin mukaan.

    Tyyppi: any

  • standalone

    Yksittäinen linkki siirtymää kuvaavalla kuvakkeella. Käytetään myös suuren kuvakkeen (icon-proppi) kanssa, jolloin nuoli piilotetaan.

    Tyyppi: boolean

  • target

    Linkin target-attribuutti

    Tyyppi: string

  • testId

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

    Tyyppi: string

  • underline

    Lisää / poista linkin alleviivaus, jos oletusarvot eivät sovi käyttökontekstiin

    Tyyppi: boolean

  • variant

    Komponentin värivaihtoehto

    Tyyppi: "light" | "dark"