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 = 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 | undefinedTimeline 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