eternal-shadow-carousel
v1.2.2
Published
An eternal carousel component for React applications.
Downloads
5
Readme
Eternal Shadow Carousel
Eternal Shadow Carousel is a React component for creating image carousels with a unique eternal shadow effect.
Installation
You can install the Eternal Shadow Carousel package via npm:
npm install eternal-shadow-carousel
Usage
To use the Eternal Shadow Carousel component in your React application, import it and pass an array of image URLs as props.
import React from 'react';
import EternalShadowCarousel from 'eternal-shadow-carousel';
import 'eternal-shadow-carousel/dist/index.css'; // Import the component's CSS
function App() {
const images = ['image1.jpg', 'image2.jpg', 'image3.jpg']; // Replace with your image URLs
return (
<div>
<h1>My Eternal Shadow Carousel</h1>
<EternalShadowCarousel images={images} />
</div>
);
}
export default App;
Props
images
(required): An array of image URLs to be displayed in the carousel.interval
(optional): Interval between slides in milliseconds (default is 5000).autoPlay
(optional): Whether to automatically play the carousel (default is true).
Example
Here's a more advanced example demonstrating how to use the Eternal Shadow Carousel component with custom interval and autoplay settings:
import React from 'react';
import EternalShadowCarousel from 'eternal-shadow-carousel';
import 'eternal-shadow-carousel/dist/index.css'; // Import the component's CSS
function App() {
const images = ['image1.jpg', 'image2.jpg', 'image3.jpg']; // Replace with your image URLs
return (
<div>
<h1>My Advanced Eternal Shadow Carousel</h1>
<EternalShadowCarousel
images={images}
interval={3000} // Change interval to 3 seconds
autoPlay={false} // Disable autoplay
/>
</div>
);
}
export default App;
License
This project is licensed under the MIT License - see the LICENSE file for details.