LinkBox

API

LinkBox

• appearance

  Tyyppi: "solid" | "outline"

  Oletusarvo: solid

  Määrittää täytetäänkö linkki yhdellä värillä vai käytetäänkö reunaviivaa.

• arrowType

  Tyyppi: "caret" | "arrow"

  Oletusarvo: caret

  Linkin nuolen tyyppi.

• as

  Tyyppi: ElementType

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• contentAs

  Tyyppi: ElementType<HTMLAttributes<HTMLElement>, keyof IntrinsicElements>

  Oletusarvo: span

  Vaihtaa linkin sisäisen HTML-elementin tyyppiä.

• icon

  Tyyppi: Element

  Linkin sisältöä kuvaava kuvake

• infoText

  Tyyppi: string

  Linkin lisätietoteksti.

• newTabLabel

  Tyyppi: string

  Oletusarvo: Avautuu uuteen välilehteen

  Piilotettu teksti aukeaa uuteen välilehteen -kuvakkeelle.

• rounded

  Tyyppi: boolean

  Pyöristää linkin reunat. Käytetään toistaiseksi vain Kanta-teemassa ja neliön muotoisten linkkien kanssa.

• square

  Tyyppi: boolean

  Neliön muotoinen linkki.

• testId

  Tyyppi: string

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

• textSize

  Tyyppi: "base" | "lg"

  Oletusarvo: base

  Linkkitekstin koko.

• util

  Poistuva

  Tyyppi: string

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

LinkBoxGroupContainer

• 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

LinkBoxGroup

• align

  Tyyppi: "center" | "left"

  Määrittää miten elementit tasataan. Käytössä vain layout=group asetuksen kanssa.

• alignStack

  Tyyppi: "center" | "left"

  Määrittää miten elementit tasataan, kun ne pinoutuvat kahteen riviin. Käytössä vain layout=group asetuksen kanssa.

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• layout

  Tyyppi: "grid" | "group" | "none"

  Oletusarvo: group

  Määrittää kuinka linkit ryhmitellään. Vaihtoehdot: group = neljän elementin ryhmä, grid = vapaasti juokseva grid, none = räätälöintiin tarkoitettu vaihtoehto ilman ulkoasua.

• testId

  Tyyppi: string

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

LinkBoxGroupItem

• 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