Simple and lightweight carousel component for React applications

Last update: Apr 25, 2022

Carousel Simple - rcdev

Componente de carousel simples e leve para aplicativos React.

Demonstração

git exemple

Instalação

npm

  npm install carousel-react-rcdev

yarn

  yarn add carousel-react-rcdev

Features futuras

  • Personalizar buttons (Prev, Next)
  • Buttons de navegacao

Uso/Exemplos

import Carousel from 'carousel-react-rcdev'

function App() {
  return (
    <Carousel>
        <img src='https://via.placeholder.com/150' alt='imagem' title='imagem' />
        <img src='https://via.placeholder.com/150' alt='imagem' title='imagem' />
        <img src='https://via.placeholder.com/150' alt='imagem' title='imagem' />
        <img src='https://via.placeholder.com/150' alt='imagem' title='imagem' />
        <img src='https://via.placeholder.com/150' alt='imagem' title='imagem' />
    </Carousel>
  )
}

Parametros

Props type Descricao
children any Elemento JSX
max-width? number Largura maxima do carousel

Autores

GitHub

https://github.com/riancarlosdev/carousel-react-rcdev
You might also like...

Minimal carousel component for React.

re-carousel Minimal carousel component for React. demo: https://amio.github.io/re-carousel/ Usage import Carousel from 're-carousel' then: Carousel a

May 9, 2022

Pure React Carousel Component

Pure React Carousel Component

nuka-carousel A Pure ReactJS Carousel Component Install To add nuka-carousel to your project run the following command in your project folder. $ yarn

May 11, 2022

Rerousel is the simplest and the lightest infinite carousel package made for React.

 Rerousel is the simplest and the lightest infinite carousel package made for React.

Rerousel is the simplest and the lightest infinite carousel package made for React. Simple Set up your carousel in the blink of an eye. You only have

May 14, 2022

Items Carousel Built with react-motion and styled-components

react-items-carousel Installation $ npm install react-items-carousel --save Demos Example import React, { useState } from 'react'; import ItemsCarous

May 16, 2022

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

May 10, 2022

Mobile-friendly gallery carousel 🎠🎠🎠 with batteries included (touch, mouse emulation, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations).

Mobile-friendly gallery carousel 🎠🎠🎠 with batteries included (touch, mouse emulation, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations).

react-gallery-carousel Mobile-friendly Carousel with batteries included (supporting touch, mouse emulation, lazy loading, thumbnails, fullscreen, RTL,

May 5, 2022

React.js Responsive Carousel (with Swipe)

React Responsive Carousel Powerful, lightweight and fully customizable carousel component for React apps. Important I don't have any time available to

May 12, 2022

React part of bootstrap carousel

react-bootstrap-carousel This project support carousel components built with React. Install npm i --save react-bootstrap-carousel Getting Started impo

Apr 22, 2022

Ultra-customizable carousel framework for React.JS

react-touch-carousel Micro carousel framework for React.JS https://xiaody.github.io/react-touch-carousel/docs/ Yes, there are a few carousel libraries

Mar 14, 2022
Lightweight carousel component for react

Lightweight carousel component for react

May 7, 2022
A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.

react-multi-carousel ?? Production-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-si

May 16, 2022
Simple multifunctional controlled react.js carousel component. Touch enabled, responsive, infinite, with autoplay support. (with ssr support)

react-simply-carousel Simple && small controlled React.js carousel component (touch enabled, infnite and responsive) Table of contents Installation Us

May 12, 2022
React simple infinite carousel with lazy loading and responsive support

react-leaf-carousel React simple infinite carousel with lazy loading and responsive support. Installation npm install react-leaf-carousel Example impo

Mar 14, 2022
Touch and drag slider carousel component for React
Touch and drag slider carousel component for React

react-touch-drag-slider Touch and drag slider carousel component for React Touch friendly on mobile Responsive to viewport resizing Supports mouse dra

May 16, 2022
A flexible and responsive carousel component for react

react-elastic-carousel A flexible and responsive carousel component for react Why do we need yet another carousel component Element resize support (tr

May 3, 2022
React carousel component

react-slick Carousel component built with React. It is a react port of slick carousel Documentation Installation npm npm install react-slick --save ya

May 13, 2022
Custom React hook for building an accessible Carousel component.

Build an accessible React Carousel component with usePony

Aug 5, 2021
A react carousel/slider like component for sequentially displaying slides or sets of slides

react-whirligig demo repo A carousel/slider-like component for sequentially displaying slides or sets of slides. Basic Usage const Slider = ({ slideIn

Jan 28, 2022