SKILL.md
Implementing Syncfusion React Timeline
The Timeline component displays events or steps in chronological order with visual indicators. It supports vertical and horizontal layouts, multiple alignment modes, customizable dots and connectors, templates, and events for complete flexibility.
When to Use This Skill
Use the Timeline component when:
- Displaying event sequences chronologically (project milestones, shipping tracking, activity logs)
- Creating career progression or timeline visualizations
- Building step-by-step process flows
- Showing company history or project roadmap
- Implementing event feeds with timestamps
- Displaying before/after comparisons in alternate layouts
- Customizing visual indicators (icons, images, colors) for events
Choose Timeline over alternatives:
- vs Stepper: Timeline shows completed events; Stepper guides users through steps
- vs List: Timeline emphasizes chronological relationships and connections
- vs Chart: Timeline focuses on event sequence; Chart focuses on data relationships