ProgressBar

React API

ProgressBar

• animation

  Animaation tyyppi. Käytä linear-arvoa suoraviivaisesti etenevässä edistymisessä ja ease-in-out-arvoa, jos eteneminen on hyppivää.

  Tyyppi: "linear" | "ease-in-out"

  Oletusarvo: linear

• aria-label

  Edistymispalkin ei-näkyvä nimilappu. Defines a string value that labels the current element. @see aria-labelledby.

  Tyyppi: string

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• isRounded

  Pyöristetty edistymispalkki (käytetään vain Kanta-teemassa).

  Tyyppi: boolean

• labelText

  Edistymispalkin nimilappu.

  Tyyppi: string

• maxValue

  Edistymispalkin maksimiarvo.

  Tyyppi: number

  Oletusarvo: 100

• minValue

  Edistymispalkin minimiarvo.

  Tyyppi: number

  Oletusarvo: 0

• ref

  Uloimmalle elementille välitettävä Reactin ref-elementti.

  Tyyppi: Ref<HTMLDivElement>

• size

  Edistymispalkin koko.

  Tyyppi: "xs" | "md"

  Oletusarvo: md

• testId

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

  Tyyppi: string

• value

  Edistymisen tila.

  Tyyppi: number

  Oletusarvo: 0

• valueText

  Edistymisen tila tekstinä ruudunlukijalle.

  Tyyppi: string

• variant

  Edistymispalkin ulkoasu.

  Tyyppi: "primary" | "danger"

  Oletusarvo: primary

ProgressBarDescription

• 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

ProgressBarHighlight

• 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