:: BASE_DOC ::
| name | type | default | description | required |
|---|---|---|---|---|
| className | String | - | className of component | N |
| style | Object | - | CSS(Cascading Style Sheets),Typescript: React.CSSProperties |
N |
| labelAlign | String | left | label info placement。options: left/right/alternate/top/bottom | N |
| layout | String | vertical | time line layout。options: horizontal/vertical | N |
| mode | String | alternate | The position relationship between the label and the content text, 'alternate' is displayed on both sides of the axis, and 'same' is displayed on the same side。options: alternate/same | N |
| reverse | Boolean | false | - | N |
| theme | String | default | options: default/dot | N |
| name | type | default | description | required |
|---|---|---|---|---|
| className | String | - | className of component | N |
| style | Object | - | CSS(Cascading Style Sheets),Typescript: React.CSSProperties |
N |
| children | TNode | - | Typescript: string | TNode。see more ts definition |
N |
| content | TNode | - | Typescript: string | TNode。see more ts definition |
N |
| dot | TElement | - | Typescript: TNode。see more ts definition |
N |
| dotColor | String | primary | Typescript: string |
N |
| label | TNode | - | Typescript: string | TNode。see more ts definition |
N |
| labelAlign | String | - | options: left/right/top/bottom | N |
| loading | Boolean | - | Whether it is in the loading state | N |
| onClick | Function | Typescript: (context: { e: MouseEvent; item: TdTimelineItemProps }) => voidtrigger on click |
N |