Responsive Carousel React.js ComponentResponsive Carousel React.js Component
Carousel is a react.js component that takes products objects array and then the component views it in slides with animationResponsive Carousel React.js Component
Carousel is a react.js component that takes products objects array and then the component views ...Overview
Features
React.js component
add products through passing objects array as a prop
Easy to use
Responsive
Requirements
React.js
Instructions
1. add the carousel.js and carousel.css files to your project
2. import the component and css files
3. add the component and passing products objects array as a prop to the component
as following:-
 products={[
     shortName: "anything",Â
    img: /* the imported product image here */,Â
    fullName:"anything",Â
    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt,  ducimus.",Â
    specifications:["one", "two", "three"],Â
    url: /* url to the product page */,Â
    price: /* any price */
 ],}
 /* optional :-
   add background-image or background-color as belowÂ
 */
 backImage = /* add the imported background image here */
 backColor = /* choose the color you want */
/>Â
Other items by this author
Category | Scripts & Code / ReactJS |
First release | 15 March 2023 |
Last update | 20 March 2023 |
Files included | .css, Javascript .js |
Tags | simple, easy to use, react.js component, website page |