DescriptionList

React API

DescriptionList

• align

  Sisällön tasaus

  Tyyppi: "left" | "right"

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Komponentin sisältö.

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• cols

  Palstojen leveys, joka ei mukaudu eri breakpointeilla. Käytä tätä, jos sama leveys toimii kaikilla breakpointeilla.

  Tyyppi: ColumnSize

• columns

  Mahdollistaa listan jakamisen palstoihin.

  Tyyppi: 1 | 2 | 3 | 4

  Oletusarvo: 1

• emphasizeValue

  Korostaa kuvauksen, nimilapun sijasta.

  Tyyppi: boolean

• gx

  Määrittää palstojen välisen tilan horisontaalisesti. Arvot (0 | 2 | 4 | 6 | 8) kasvavat 0.50rem (8px) välein.

  Tyyppi: GapSize

• gy

  Määrittää palstojen välisen tilan vertikaalisesti. Arvot (0 | 2 | 4 | 6 | 8) kasvavat 0.50rem (8px) välein.

  Tyyppi: GapSize

• hasLegacyColumns

  Säilyttää aiemman columns‑propin toiminnan muuttamalla kahden palstan (columns=2) asettelun yksipalstaiseksi md‑kokoa pienemmillä näytöillä.

  Tyyppi: boolean

  Oletusarvo: true

• itemAs

  Renderöitävä listalementti

  Tyyppi: ElementType

• itemContentAs

  Listaelementin sisällön renderöitävä HTML-elementti

  Tyyppi: ElementType

• items

  Muodostaa määritelmälistan taulukkomuotoisesta datasta.

  Tyyppi: DescriptionListData

• labelWidth

  Nimilapun leveys. Arvo null poistaa leveyden määrityksen käytöstä.

  Tyyppi: "xl" | "s" | "xs" | "m" | "l"

  Oletusarvo: s

• lg

  Palstojen leveys lg-breakpointille

  Tyyppi: ColumnSize

• md

  Palstojen leveys md-breakpointille

  Tyyppi: ColumnSize

• sm

  Palstojen leveys sm-breakpointille

  Tyyppi: ColumnSize

• spacing

  Listan välistys.

  Tyyppi: "s" | "xs"

• stack

  Asettaa nimilapun ja kuvauksen allekkain.

  Tyyppi: boolean

• testId

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

  Tyyppi: string

• xl

  Palstojen leveys xl-breakpointille

  Tyyppi: ColumnSize

• xxl

  Palstojen leveys 2xl-breakpointille

  Tyyppi: ColumnSize

• xxxl

  Palstojen leveys 3xl-breakpointille

  Tyyppi: ColumnSize

DescriptionListItem

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Komponentin sisältö.

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• col

  Palstan leveys, joka ei mukaudu eri breakpointeilla. Käytä tätä, jos sama leveys toimii kaikilla breakpointeilla.

  Tyyppi: ColumnSize

• contentAs

  Sisällön renderöitävä HTML-elementti

  Tyyppi: ElementType

• label

  Pakollinen

  Tyyppi: ReactNode

• lg

  Palstan leveys lg-breakpointille

  Tyyppi: ColumnSize

• md

  Palstan leveys md-breakpointille

  Tyyppi: ColumnSize

• sm

  Palstan leveys sm-breakpointille

  Tyyppi: ColumnSize

• testId

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

  Tyyppi: string

• xl

  Palstan leveys xl-breakpointille

  Tyyppi: ColumnSize

• xxl

  Palstan leveys 2xl-breakpointille

  Tyyppi: ColumnSize

• xxxl

  Palstan leveys 3xl-breakpointille

  Tyyppi: ColumnSize