2021-05-12 09:35:29 +00:00
const TimelineProps = [
{
name : "value" ,
type : "array" ,
default : "null" ,
description : "An array of events to display."
} ,
{
name : "align" ,
type : "string" ,
default : "left" ,
2022-03-30 08:20:34 +00:00
description : 'Position of the timeline bar relative to the content. Valid values are "left", "right" and "alternate" for vertical layout and "top", "bottom" for horizontal layout.'
2021-05-12 09:35:29 +00:00
} ,
{
name : "layout" ,
type : "string" ,
default : "vertical" ,
description : 'Orientation of the timeline, valid values are "vertical" and "horizontal".'
} ,
{
name : "dataKey" ,
type : "string" ,
default : "null" ,
description : "Name of the field that uniquely identifies the a record in the data."
}
] ;
const TimelineSlots = [
{
name : "opposite" ,
description : "Custom content for the content to be placed at the other side of the bar"
} ,
{
name : "marker" ,
description : "Custom content for the marker"
} ,
{
name : "content" ,
description : "Custom content"
2021-05-14 09:50:55 +00:00
} ,
{
name : "connector" ,
description : "Connector element"
2021-05-12 09:35:29 +00:00
}
] ;
module . exports = {
timeline : {
name : "Timeline" ,
description : "Timeline visualizes a series of chained events." ,
props : TimelineProps ,
slots : TimelineSlots
}
} ;