Advanced Horizontal Timeline Component

Documentation

Overview
The Advanced Horizontal Timeline Component is a powerful, interactive React component that displays events in a beautiful horizontal timeline format.
It features smooth animations, drag-and-drop functionality, customizable styling, and rich content support including images, descriptions, tags, and custom components.

Features
🎯 Interactive Navigation: Arrow buttons, bullet navigation, and drag-and-drop support
📱 Responsive Design: Works seamlessly on desktop and mobile devices
🎨 Customizable Styling: Configurable colors, dimensions, and layouts
🖼️ Rich Media Support: Images with zoom effects, captions, and alt text
📝 Flexible Content: Short descriptions, expandable full descriptions, and tags
🧩 Custom Components: Embed custom React components within timeline cards
⚡ Smooth Animations: CSS transitions and hover effects
♿ Accessibility: Keyboard navigation and screen reader support

Styling

Important for Server-Side Rendering and Storybook: When using this component with server-side rendering (SSR) or in Storybook, you must import the CSS file manually:

import 'react-horizontal-timeline/dist/index.esm.css';