OrionTimeline

<o-timeline> permet de structurer l'affichage d'éléments selon un ordre chronologique. Il doit être utilisé avec le composant <o-timeline-pane> qui représentera un élément de cette frise chronologique.

Son mécanisme est très similaire à celui du composant <o-tabs> (plus d'infos ici).

TimelinePlayground

Timeline

Props

Name
centeredPillboolean = undefined
horizontalboolean = undefined
loaderstring | boolean = undefined
scrollableboolean = undefined

PublicInstance

Name
Type
_loader
() => OrionLoader
panes
Private.TsxTimelinePane[]
getValue
() => Undef<string | number>
getCurrent
() => Undef<string | number>
setCurrent
(name?: string | number) => void
_el
() => HTMLElement | undefined

Timeline Pane

TimelineMarker TimelineStyle

Props

Name
centeredPillboolean = undefined
completeboolean = undefined
disabledboolean = undefined
fontIconstring = undefined
iconOrion.Icon = undefined
lazyboolean = undefined
lazyOnceboolean = undefined
markernumber | boolean = undefined
markerColorOrion.Color = 'danger'
namestring | number = undefined
pillstring = undefined

Slots

Name
Bindings
default
No bindings

PublicInstance

Name
Type
disabled
boolean | undefined
name
string | number | undefined
_el
() => HTMLElement | undefined