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
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
publicInstanceTimeline 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