The react-carousel from khusbu853

react-carousel's Introduction

<-------- React Carousel --------->

I built this react carousel with the help of React hooks:- useEffect and useState.
This can take input as a Image and Text from the user.
I write the function logic with the help of useState:- First set the initial state = 0; then using useEffect inside it setInterval to set the timing of an auto-sliding effect of the carousel. ----> user can set the auto-sliding effect timing by changing the interval provided.

react-carousel's People

Contributors

Watchers

react-carousel's Issues

Props are not used in the Carousel component

Please use props whose type something like this:

type CarouseProps = {
 // time in milliseconds
 intervalTime?: number;
 // position of text. The format of position will be top bottom.
 // Ex. - 50% 50% for center. 0% 50%.
 // Hint - You might find it helpful to position the text absolute
 // and apply appropriate transformation.
 textPosition?: string;
 items: {
   // CSS background image
   backgroundImage?: string;
   // CSS background color
   backgroundColor?: string;
   // CSS background repeat
   backgroundRepeat?: string;
   // text to display
   text: string;
   // same as textPosition. If supplied for an item, it will override
   // the outer textPosition property.
   textPosition?: string;
 }[];
};

Recommend Projects