react-chrono
Advanced tools
react-chrono - npm Package Compare versions
Comparing version 1.4.0 to 1.4.1
| { | ||
| "name": "react-chrono", | ||
| "version": "1.4.0", | ||
| "version": "1.4.1", | ||
| "license": "MIT", | ||
@@ -5,0 +5,0 @@ "description": "A Modern Timeline component for React", |
@@ -26,4 +26,3 @@ <div align="center"> | ||
| - 🚥 Render timelines in three different modes ([Horizontal](#-getting-started), [Vertical](#vertical-mode), [Tree](#tree)). | ||
| - 🌲 Use the [Tree](#tree) mode to layout the timeline cards vertically in a tree like fashion. | ||
| - 🚥 Render timelines in three different modes ([Horizontal](#-getting-started), [Vertical](#vertical-mode), [Vertical-Alternating](#vertical-alternating)). | ||
| - 📺 Auto play the timeline with the [slideshow](#slideshow-mode) mode. | ||
@@ -33,3 +32,2 @@ - 🖼️ [Display Images & Videos](#media) in the timeline with ease. | ||
| - ⚡ Data driven API. | ||
| - 🔧 Optimized to render images & videos efficiently on (Tree & Vertical mode). | ||
| - 🎨 [Customize](#theme) colors with ease. | ||
@@ -44,3 +42,3 @@ - 💪 Built with [Typescript](https://www.typescriptlang.org/). | ||
| - [Vertical Mode](#vertical-mode) | ||
| - [Tree](#tree) | ||
| - [Vertical Alternating](#vertical-alternating) | ||
| - [Slideshow](#slideshow) | ||
@@ -116,5 +114,5 @@ - [Props](#props) | ||
| ### Tree | ||
| ### Vertical Alternating | ||
| In `Tree` mode the timeline is rendered vertically with cards alternating between left and right side. | ||
| In `VERTICAL_ALTERNATING` mode the timeline is rendered vertically with cards alternating between left and right side. | ||
@@ -134,3 +132,3 @@ ```sh | ||
| Play the timeline automatically with the `slideShow` mode. | ||
| Play the timeline automatically with the `slideShow` mode. This prop enables the play button on the ui controls. | ||
@@ -161,3 +159,3 @@ ```sh | ||
| | cardHeight | sets the minimum height of the timeline card. | 250 | | ||
| | scrollable | makes the timeline scrollable. | true | | ||
| | scrollable | makes the timeline scrollable (applicable for `VERTICAL` & `VERTICAL_ALTERNATING`). | true | | ||
| | theme | prop to customize the colors. | | | ||
@@ -167,3 +165,3 @@ | ||
| `react-chrono` supports three modes `HORIZONTAL`, `VERTICAL` and `TREE`. No additional setting is required. | ||
| `react-chrono` supports three modes `HORIZONTAL`, `VERTICAL` and `VERTICAL_ALTERNATING`. No additional setting is required. | ||
@@ -213,3 +211,3 @@ ```sh | ||
| - For `HORIZONTAL` mode use your <kbd>LEFT</kbd> <kbd>RIGHT</kbd> arrow keys for navigation. | ||
| - For `VERTICAL` or `TREE` mode, the timeline can be navigated via the <kbd>UP</kbd> <kbd>DOWN</kbd> arrow keys. | ||
| - For `VERTICAL` or `VERTICAL_ALTERNATING` mode, the timeline can be navigated via the <kbd>UP</kbd> <kbd>DOWN</kbd> arrow keys. | ||
| - To easily jump to the first item or the last item in the timeline, use <kbd>HOME</kbd> or <kbd>END</kbd> keys. | ||
@@ -291,4 +289,4 @@ | ||
| - [Horizontal Basic](https://codesandbox.io/s/condescending-swirles-xodxo?file=/src/App.js) | ||
| - [Tree](https://codesandbox.io/s/react-chrono-tree-text-xtksq) | ||
| - [Tree with Images](https://codesandbox.io/s/react-chrono-tree-image-uh2nz) | ||
| - [Vertical Alternating](https://codesandbox.io/s/react-chrono-tree-text-xtksq) | ||
| - [Vertical Alternating with Images](https://codesandbox.io/s/react-chrono-tree-image-uh2nz) | ||
| - [Vertical basic](https://codesandbox.io/s/react-chrono-tree-text-slide-zytpi?file=/src/App.js) | ||
@@ -336,2 +334,3 @@ - [Vertical mode with Mixed content](https://codesandbox.io/s/react-chrono-tree-horizontal-wdqk3) | ||
| - Support for Mobile devices & Tablets (responsive). | ||
| - Accessibility support. | ||
@@ -338,0 +337,0 @@ ## Meta |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.01%
492993
Worsened metrics
- Number of lines in readme file
- decreased by-0.29%
341