Siirry sisältöön

Timeline

Visuaalinen aikajana prosessin kuvaamiseen ja kronologisesti etenevien vaiheiden esittämiseen.

Julkaistu versiossa 0.15.3

React API

Timeline

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

    Oletusarvo: "ol" as E

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • horizontal

    Aikajanan esitys vaakasuunnassa

    Tyyppi: boolean

    Oletusarvo: false

  • start

    Määrittää mistä luvusta aikajanan numerointi alkaa

    Tyyppi: number

  • testId

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

    Tyyppi: string

TimelineItem

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

    Oletusarvo: "li" as E

  • bgColor

    Aikajanan taustan väri

    Tyyppi: string

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • color

    Aikajanan tekstin väri

    Tyyppi: "light" | "dark"

  • horizontal

    Aikajanan esitys vaakasuunnassa

    Tyyppi: boolean

  • icon

    Komponentille välitettävä ikoni

    Tyyppi: ReactElement<any, string | JSXElementConstructor<any>>

  • outline

    Aikajanan vaihe reunaviivalla

    Tyyppi: boolean

    Oletusarvo: false

  • testId

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

    Tyyppi: string

  • variant

    Aikajanan vaiheen väri / tyyppi

    Tyyppi: "primary" | "danger" | "warning" | "success" | "light" | "dark"