Timeline

情報を時間の流れに沿って整理・表示するためのコンポーネントです。操作履歴や更新履歴を時系列で見せるときに使います。

状態

現在のアイテム(current)

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

Props

Timeline

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

TimelineItem

datetime必須
stringDate
dateLabel
string

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

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

時刻のフォーマット

dateSuffixArea
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

日付のサフィックス領域

sideActionArea
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

サイドアクション領域

current
falsetrue

現在のアイテムかどうか