时间轴

竖向时间轴（交错 / 左对齐）、活动流（activity feed） 以及横向时间轴。

Timeline

Timeline

Vue

<ThlTimeline :items="timeline.slice(0, 4)" />

React

<Timeline items={timeline} />
<Timeline items={timeline} variant="left" />

Angular

<thl-timeline [items]="timeline" />
<thl-timeline [items]="timeline" variant="left" />

ActivityFeed 与横向时间轴

ActivityFeed 与横向时间轴

Vue

<div class="thl-stack"><ThlActivityFeed :items="feed" /><ThlHorizontalTimeline :items="hItems" /></div>

React

<ActivityFeed items={feed} />
<HorizontalTimeline items={hItems} />

Angular

<thl-activity-feed [items]="feed" />
<thl-horizontal-timeline [items]="hItems" />

API

Timeline

<ThlTimeline> · import { ThlTimeline } from '@thl-ui/vue'

Prop	类型	默认值
items*	array	—
variant	string	"alternate"
headingLevel	number	3

插槽: item

ActivityFeed

<ThlActivityFeed> · import { ThlActivityFeed } from '@thl-ui/vue'

Prop	类型	默认值
items*	array	—

HorizontalTimeline

<ThlHorizontalTimeline> · import { ThlHorizontalTimeline } from '@thl-ui/vue'

Prop	类型	默认值
items*	array	—
headingLevel	number	3