This component shows timeline-shaped data such like social networking services. It only presents data - no interactive.
Property | Type | Example | Description | Required |
|---|---|---|---|---|
type | string | timeline | Type of component. Use **timeline** | true |
hour24 | boolean | true | Option for setting how display time of each event. It will be displayed as **"18:40"** such like 24-hour format when *true*. Otherwise, **"06:40 PM"** will be displayed. | false |
events | list of object | [ { "ts":1601537400000, "value":"Read newspaper", "color":"white" }, { "ts":1601544600000, "value":"Conference call", "color":"green" }, { "ts":1601551800000, "value":"Meating", "color":"blue" } ] | List of events. Note that events reordered automatically by it's *ts* value. | true |
events[i].ts | number | 1601537400000 | Epoch **milliseconds** of time event occurred. Note that it does not depends on *time zone*, it presents only the "moment" of event so consideration of time zone is part of server-side. | true |
events[i].value | string | Sent package to customer | Content of event. | true |
events[i].color | string | blue | Color of circle at the front of event item. Default is white. Available values: * white * blue * cobalt * orange * red * green | false |