react-carousel-table
React component of Carousel inside a table styled in bootstrap
Example
<!-- Put bootstrap cdn link (like below) in index.html of your React App --><!-- Latest compiled and minified CSS -->
import React Component from 'react';import 'font-awesome/css/font-awesome.min.css';import Carousel from 'react-carousel-table'; const images = id: '1' url: 'https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=format%2Ccompress&cs=tinysrgb&dpr=1&w=500' id: '2' url: 'https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940' ; { return <div> <div ="container"> <br /> Carousel in a Table <br /> <table ="table" => <tbody> <tr> <td>Demo</td> <td> <Carousel = = /> </td> </tr> </tbody> </table> </div> </div> ; } ;
Install
npm install react-carousel-tablenpm install font-awesome
Props
images
An array of object with properties like 'id' and 'url'.
const images = id: '1' url: 'https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=format%2Ccompress&cs=tinysrgb&dpr=1&w=500' id: '2' url: 'https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940' ;
pxs
Sets the width and height of image box.
License
MIT