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 = falsehorizontal
boolean = falseloader
string | boolean = undefinedmodelValue
string | number = undefinedscrollable
boolean = falseEvents
Name
Payload type
input
string | numberpill-click
[OrionTimelinePane, MouseEvent]update:modelValue
string | numberPublicInstance
Name
Type
_loader
() => OrionLoaderpanes
Orion.Private.TsxTimelinePane[]getValue
() => string | number | undefinedgetCurrent
() => string | number | undefinedsetCurrent
(name: string | number) => void_el
(() => HTMLElement | undefined) | undefinedProvide
Name
Type
_timeline
publicInstanceOrion Timeline Pane
TimelineMarker TimelineStyle
Props
Name
centeredPill
boolean = falsecomplete
boolean = undefineddisabled
boolean = falsefontIcon
string = undefinedicon
Orion.Icon = undefinedlazy
boolean = falselazyOnce
boolean = falsemarker
boolean | number = undefinedmarkerColor
Orion.Color = 'danger'name
string | number = undefined Required
pill
string = undefinedSlots
Name
Bindings
default
No bindingsPublicInstance
Name
Type
disabled
booleanname
string | number_el
(() => HTMLElement | undefined) | undefined