1.0.2 • Published 7 months ago

react-roots-carousel v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
7 months ago

React Roots Carousel

A beautiful and customizable React carousel component with Material-UI integration.

Installation

npm install @your-scope/react-roots-carousel

Usage

import { OurRootsCarousel } from '@your-scope/react-roots-carousel';

const images = [
  {
    src: 'https://example.com/image1.jpg',
    name: 'Image 1',
    Title: 'Title 1',
    Title1: 'Subtitle 1'
  },
  // ... more images
];

function App() {
  return (
    <OurRootsCarousel 
      images={images}
      interval={3000} // Optional: auto-scroll interval in milliseconds
      customStyles={{  // Optional: override default styles
        section: { /* ... */ },
        title: { /* ... */ },
        // ... more style overrides
      }}
    />
  );
}

Props

PropTypeRequiredDescription
imagesArray<{ src: string; name: string; Title: string; Title1: string; }>YesArray of image objects
intervalnumberNoAuto-scroll interval in milliseconds (default: 3000)
customStylesobjectNoCustom styles for different components

Features

  • Smooth animations
  • Responsive design
  • Customizable styles
  • Auto-scroll functionality
  • Intersection Observer integration
  • Material-UI integration

License

MIT

1.0.2

7 months ago

1.0.1

7 months ago

1.0.0

7 months ago