@evaficy/react-horizontal-timeline
Version:
Interactive React component that displays events in a beautiful horizontal timeline format.
27 lines (20 loc) • 1.35 kB
Markdown
Advanced Horizontal Timeline Component
[Documentation](https://evaficy.com/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:
```javascript
import 'react-horizontal-timeline/dist/index.esm.css';
```