OrionTimeline

<o-timeline> displays a timeline and must be used with the <o-timeline-pane> component (more infos below).

Its mecanism is very similar with the <o-tabs> component (more infos here).

It can be useful if you want to diplay elements in a chronological order.

TimelinePlayground

Orion 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

Orion 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