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
centeredPill
boolean = undefinedhorizontal
boolean = undefinedloader
string | boolean = undefinedscrollable
boolean = undefinedEvents
Name
Payload type
input
string | numberpill-click
[{ disabled: boolean; name: string | number; _el?: () => HTMLElement; }, MouseEvent]PublicInstance
Name
Type
_loader
() => OrionLoaderpanes
Private.TsxTimelinePane[]getValue
() => Undef<string | number>getCurrent
() => Undef<string | number>setCurrent
(name?: string | number) => void_el
() => HTMLElement | undefinedOrion Timeline Pane
TimelineMarker TimelineStyle
Props
Name
centeredPill
boolean = undefinedcomplete
boolean = undefineddisabled
boolean = undefinedfontIcon
string = undefinedicon
Orion.Icon = undefinedlazy
boolean = undefinedlazyOnce
boolean = undefinedmarker
boolean | number = undefinedmarkerColor
Orion.Color = 'danger' name
string | number = undefinedpill
string = undefinedSlots
Name
Bindings
default
No bindingsPublicInstance
Name
Type
disabled
boolean | undefinedname
string | number | undefined_el
() => HTMLElement | undefined