Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
react-sliderify
Advanced tools
react-sliderify - npm Package Compare versions
Comparing version 1.1.0 to 1.1.1
| { | ||
| "name": "react-sliderify", | ||
| "version": "1.1.0", | ||
| "version": "1.1.1", | ||
| "description": "React Sliderify is a versatile and user-friendly slider package for React that makes it easy to create responsive sliders from any content. With a range of customizable options and intuitive configuration, you can turn anything into a slider in just a few simple steps. The package utilizes the latest React technology to ensure a smooth and seamless experience, making it the ideal solution for developers and designers looking to add dynamic, eye-catching sliders to their projects. Whether you're creating a product carousel, image gallery, or a simple content slider, React Slider Transformer provides the tools and functionality you need to get the job done quickly and efficiently. So why wait? Transform your content into a stunning, responsive slider today with React Slider Transformer!", | ||
@@ -5,0 +5,0 @@ "scripts": { |
@@ -65,30 +65,29 @@ # React Sliderify | ||
| | Name | Value | Description | | ||
| | ------------------- | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ||
| | slides | `an array of objects` | An array of objects. Each object must contain a 'content' property, representing the slide content in the form of a JSX element. The 'title' property is optional and can be used to provide a descriptive heading for the slide. | | ||
| | autoPlay | `boolean` | Change the slide automatically based on `slideDurationInSecs` prop. | | ||
| | slideDurationInSecs | `number` | Measured in seconds, determines the frequency at which the slides advance automatically when the `autoPlay` option is enabled. The default interval is set to `10` seconds. | | ||
| | slideDirection | `left or right` | Direction of the slide. Defaults to `left` | | ||
| | showNavButtons | `boolean` | Hide or show the arrow navigation buttons. Defaults to `true`. | | ||
| | navPrevIcon | `any` | A custom element designated as the 'previous icon' which, upon click, navigates to the preceding slide. | | ||
| | navNextIcon | `any` | A custom element designated as the 'next icon' which, upon click, navigates to the next slide. | | ||
| | showSlideStatus | `boolean` | Display or conceal the status of the current active slide in relation to the total number of slides. Defaults to `false`. | | ||
| | Name | Value | Description | | ||
| | ------------------------- | ------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ||
| | slides | `an array of objects` | An array of objects. Each object must contain a 'content' property, representing the slide content in the form of a JSX element. The 'title' property is optional and can be used to provide a descriptive heading for the slide. | | ||
| | autoPlay | `boolean` | Change the slide automatically based on `slideDurationInSecs` prop. | | ||
| | slideDurationInSecs | `number` | Measured in seconds, determines the frequency at which the slides advance automatically when the `autoPlay` option is enabled. The default interval is set to `10` seconds. | | ||
| | slideDirection | `left or right` | Direction of the slide. Defaults to `left` | | ||
| | showNavButtons | `boolean` | Hide or show the arrow navigation buttons. Defaults to `true`. | | ||
| | navPrevIcon | `any` | A custom element designated as the 'previous icon' which, upon click, navigates to the preceding slide. | | ||
| | navNextIcon | `any` | A custom element designated as the 'next icon' which, upon click, navigates to the next slide. | | ||
| | showNavDots | `boolean` | Hide or show the active slide indicators. Defaults to `true` | | ||
| | showSpot | `boolean` | Hide or show the circular spot which has been included as a stylistic feature by setting the relevant option. Defaults to `true`. | | ||
| | showTitle | `boolean` | When slides are supplied through the `slides` property, this option is to show or hide the accompanying title, if present. | | ||
| | color | `string` | Set the color of some elements like the circular spot if visible. | | ||
| | baseColor | `string` | Set the base color of the indicators | | ||
| | activeColor | `string` | Set the active color of the indicators. When a slide is active, the indicator lights up. | | ||
| | disableInfiniteLoop | `boolean` | This controls the activation or deactivation of the infinite loop feature. Defaults to `false`. | | ||
| | disableTransition | `boolean` | This controls the activation or deactivation of the transition animation. Defaults to `false`. | | ||
| | rounded | `boolean` | Add or remove rounded corners (border-radius). | | ||
| | transitionDurationInMS | `number` | Adjust the duration of the transition between slides. Defaults to `1000` ms (1 second). | | ||
| | spotPlacement | `top-left or top-right or bottom-left or bottom-right` | Set the postion of the circular spot slides wrapper. Defaults to `top-left`. | | ||
| | dotsPlacement | `outside or inside` | Set the position of the dot indicators, inside or outside the slides. Defaults to `outside`. | | ||
| | keyboardNavigationOnFocus | `boolean` | Control the slides with arrow keys on the keyboard when in focus. Defaults to `true`. | | ||
| | className | `string` | Additional class names for styling | | ||
| | clip | `boolean` | Add or remove clip-path CSS style. Defaults to `false`. | | ||
| | clipRight | `boolean` | Clip the top right of the slides wrapper. Just for additional styling. Defaults to `false`. | | ||
| | showSlideStatus | `boolean` | Display or conceal the status of the current active slide in relation to the total number of slides. Defaults to `false`. | | ||
| | showNavDots | `boolean` | Hide or show the active slide indicators. Defaults to `true` | | ||
| | showSpot | `boolean` | Hide or show the circular spot which has been included as a stylistic feature by setting the relevant option. Defaults to `true`. | | ||
| | showTitle | `boolean` | When slides are supplied through the `slides` property, this option is to show or hide the accompanying title, if present. | | ||
| | color | `string` | Set the color of some elements like the circular spot if visible. | | ||
| | baseColor | `string` | Set the base color of the indicators | | ||
| | activeColor | `string` | Set the active color of the indicators. When a slide is active, the indicator lights up. | | ||
| | disableInfiniteLoop | `boolean` | This controls the activation or deactivation of the infinite loop feature. Defaults to `false`. | | ||
| | disableTransition | `boolean` | This controls the activation or deactivation of the transition animation. Defaults to `false`. | | ||
| | rounded | `boolean` | Add or remove rounded corners (border-radius). | | ||
| | transitionDurationInMS | `number` | Adjust the duration of the transition between slides. Defaults to `1000` ms (1 second). | | ||
| | spotPlacement | `top-left or top-right or bottom-left or bottom-right` | Set the postion of the circular spot slides wrapper. Defaults to `top-left`. | | ||
| | dotsPlacement | `outside or inside` | Set the position of the dot indicators, inside or outside the slides. Defaults to `outside`. | | ||
| | keyboardNavigationOnFocus | `boolean` | Control the slides with arrow keys on the keyboard when in focus. Defaults to `true`. | | ||
| | className | `string` | Additional class names for styling | | ||
| | clip | `boolean` | Add or remove clip-path CSS style. Defaults to `false`. | | ||
| | clipRight | `boolean` | Clip the top right of the slides wrapper. Just for additional styling. Defaults to `false`. | | ||
| ### Navigation arrows | ||
@@ -95,0 +94,0 @@ |
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by5.89%
65582
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Number of lines in readme file
- decreased by-0.81%
122
No dependency changes