Timeline

情報を時間の流れに沿って、見やすく整理・表示するコンポーネントです。

状態

現在のアイテム(current)

current プロパティを true にすると、そのアイテムが強調表示されます。

Props

Timeline

Propsは設定されていません。

TimelineItem

datetime必須
string Date
dateLabel
string

日付の代わりに表示するテキスト

timeFormat
"none" "HH:mm:ss" "HH:mm"

時刻のフォーマット

dateSuffixArea
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal

日付のサフィックス領域

sideActionArea
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal

サイドアクション領域

current
false true

現在のアイテムかどうか