Skip to content
OTF Kit logoOTF Kit

Timeline Template

Display

A timeline template: a chronological event list with an optional icon, a title, a description, a timestamp, and a connector.

View in Storybook
Timeline
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Timeline from @otfdashkit/ui.

Code
// Timeline — A timeline template: a chronological event list with an optional icon, a title, a description, a timestamp, and a connector.
//
// Install:
//   bun add @otfdashkit/ui

import { Timeline } from '@otfdashkit/ui'

export function Example() {
  return (
    <Timeline>
      {/* your content */}
    </Timeline>
  )
}

Props

Props declared in the Timeline source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
childrenrequiredReactNode
classNamestring

Related