@illa-design/timeline v1.3.0

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

Timeline.Item Basic Properties

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>