Component
Roadmap
An interactive roadmap timeline with expandable cards.
Installation
Usage
Product roadmap
Interactive timeline showing project phases with expandable details.
Foundation
Q1 2024
Planning
Project Setup
Establish infrastructure for the product development cycle.
Development
Q2 2024
Building
Core Features
Implement essential functionality and user interface components.
Testing
Q3 2024
Quality
QA Process
Comprehensive testing and bug fixes to ensure product stability.
1<Roadmap roadmapSteps={roadmapSteps} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| roadmapSteps | Array<RoadmapStep> | — | Array of roadmap step objects containing title, text, and content. |
Data Structure
The RoadmapStep interface defines the structure for timeline data.
1interface RoadmapStep {
2 title: string
3 text_1: string
4 text_2: string
5 card_contents: React.ReactNode
6}
7
8interface RoadmapProps {
9 roadmapSteps: RoadmapStep[]
10}