Siirry sisältöön

Timeline

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

Julkaistu versiossa 0.15.3

React API

Timeline

  • as

    Tyyppi: ElementType

    Oletusarvo: "ol" as E

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • horizontal

    Tyyppi: boolean

    Oletusarvo: false

    Aikajanan esitys vaakasuunnassa

  • start

    Tyyppi: number

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

  • testId

    Tyyppi: string

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

TimelineItem

  • as

    Tyyppi: ElementType

    Oletusarvo: "li" as E

    Renderöitävä HTML-elementti

  • bgColor

    Tyyppi: string

    Aikajanan taustan väri

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • color

    Tyyppi: "light" | "dark"

    Aikajanan tekstin väri

  • horizontal

    Tyyppi: boolean

    Aikajanan esitys vaakasuunnassa

  • icon

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

    Komponentille välitettävä ikoni

  • outline

    Tyyppi: boolean

    Oletusarvo: false

    Aikajanan vaihe reunaviivalla

  • testId

    Tyyppi: string

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

  • variant

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

    Aikajanan vaiheen väri / tyyppi