← Data display

Core / Data display

Timeline

Presents structured information in a clear, reusable format.

Live example

  1. Order created

    Avery completed checkout.

  2. Payment captured

    Visa ending in 4242.

  3. Order shipped

    Tracking email sent.

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// Timeline usage will be documented here.

Adopt to your project

Keep this component semantically neutral. Use its documented props for behavior and className for project-specific spacing, width, typography, and visual treatment.

Accessibility

Accessibility behavior will be documented with the verified component implementation.

API reference

Public attribute
Public props and defaults will be verified from source before publication.

The preview above uses a safe local fixture. Confirm exact TypeScript props when adapting it to your application.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Data display → Timeline