UNPKG

@evaficy/react-horizontal-timeline

Version:

Interactive React component that displays events in a beautiful horizontal timeline format.

27 lines (20 loc) 1.35 kB
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'; ```