Add and use this component in your project. Example of use:
The React Roadmap Milestones component is a board with a lot of features, functionalities or whatever where a user can see all of them divided by categories and milestones.
Several examples than can help us to understand it:
- Cookbook: maybe you what add recipes of different categories and you what show it by milestones as timeline or book version.
- Video game: where we can see the different features (deployed, in development or to be develop) in several milestones as a timeline.
- Software project like this component. Yes, use this component to explain the evolution of himself.
- Definitely The evolution of any project or idea to be showed by milestones.
import type { RoadmapMilestones } from '@jaimejesusserrano/react-roadmap-milestones'
import { ReactRoadmapMilestones } from '@jaimejesusserrano/react-roadmap-milestones'
const roadmapMilestonesData: RoadmapMilestones = {
milestones: [
{
name: '0.1',
status: 'pending',
goals: [
{
name: 'Goal 1',
description: 'Goal description',
shortDescription: 'Short goal description',
status: 'pending',
updateDate: new Date(),
}
],
}
],
name: 'Example',
}
return (
<div style={{height: 600, width: 1000}}>
<ReactRoadmapMilestones roadmapMilestonesData={roadmapMilestonesData} />
</div>
)
- Overwrite styles, to allow config your own CSS.
In the project directory, you can run:
Builds the component.
npm publish