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: React.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: React.JSX.Element
newTabLabel

Piilotettu teksti aukeaa uuteen välilehteen -kuvakkeelle

Tyyppi: string
ref

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

Tyyppi: PolymorphicRef<E>
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"