1.3.0 • Published 2 years ago

@illa-design/timeline v1.3.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 years ago

Timeline

The timeline component is used to display information in chronological order.

Installation

yarn add @illa-design/timeline

Import component

import { Timeline } from "@illa-design/timeline"

API

Timeline Basic Properties

PropsDescTypeDefault
reverseIf true, the timeline is reversedboolean-
directionThe direction of the timeline"horizontal" | "vertical""vertical"
modeThe display mode of the timeline"left" | "right" | "alternate""left"
pendingIf true, show the pending dotboolean | ReactNode-
pendingDotCustom pending dotReactNode-

Timeline.Item Basic Properties

PropsDescTypeDefault
dotColorColor of the dotstring-
dotTypeType of the dot"hollow" | "solid""solid"
dotCustom dotstring | ReactNode-
lineTypeType of the line"solid" | "dashed" | "dotted"solid"
lineColorColor of the linestring-
labelThe labelstring | ReactNode-
labelPositionThe position of the label"relative" | "same"-
autoFixDotSizeIf true, auto fix dot size as 16pxbooleantrue

Examples

Basic usage

<TimelineItem>The first milestone</TimelineItem>

Set mode as alternate

Timeline mode={"alternate"}>
  <TimelineItem>The alternate mode left text</TimelineItem>
  <TimelineItem>The alternate mode right text</TimelineItem>
</Timeline>

Set the label

<Timeline>
  <TimelineItem label={"test label"} autoFixDotSize={true}></TimelineItem>
</Timeline>

Set the pending dot

<Timeline pending={true}>
  <TimelineItem></TimelineItem>
</Timeline>
1.2.0

2 years ago

1.3.0

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.30

2 years ago

1.1.0

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.20

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.9

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.8

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago