LinkBox

React API

LinkBox

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

• appearance

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

  Tyyppi: "solid" | "outline"

• arrowType

  Linkin nuolen tyyppi.

  Tyyppi: "caret" | "arrow"

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• contentAs

  Vaihtaa linkin sisäisen HTML-elementin tyyppiä.

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

• icon

  Linkin sisältöä kuvaava kuvake

  Tyyppi: Element

• infoText

  Linkin lisätietoteksti.

  Tyyppi: string

• newTabLabel

  Piilotettu teksti aukeaa uuteen välilehteen -kuvakkeelle.

  Tyyppi: string

• ref

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

  Tyyppi: PolymorphicRef<E>

• rounded

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

  Tyyppi: boolean

• square

  Neliön muotoinen linkki.

  Tyyppi: boolean

• testId

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

  Tyyppi: string

• textSize

  Linkkitekstin koko.

  Tyyppi: "base" | "lg"

LinkBoxGroupContainer

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

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

  Tyyppi: string

LinkBoxGroup

• align

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

  Tyyppi: "center" | "left"

• alignStack

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

  Tyyppi: "center" | "left"

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• layout

  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.

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

  Oletusarvo: group

• testId

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

  Tyyppi: string

LinkBoxGroupItem

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

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

  Tyyppi: string