https://github.com/syadav214/react-carousel-table
React component of Carousel inside a table styled in bootstrap
https://github.com/syadav214/react-carousel-table
bootstrap carousel components javascript react-components reactjs
Last synced: 3 months ago
JSON representation
React component of Carousel inside a table styled in bootstrap
- Host: GitHub
- URL: https://github.com/syadav214/react-carousel-table
- Owner: syadav214
- License: mit
- Created: 2019-06-10T11:07:28.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-14T00:39:04.000Z (over 3 years ago)
- Last Synced: 2026-03-31T09:18:20.737Z (3 months ago)
- Topics: bootstrap, carousel, components, javascript, react-components, reactjs
- Language: JavaScript
- Size: 723 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-carousel-table
React component of Carousel inside a table styled in bootstrap
## Example
```html
```
```jsx
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'
}
];
class App extends Component {
render() {
return (
Carousel in a Table
Demo
);
}
}
export default App;
```
## Install
```cli
npm install react-carousel-table
npm install font-awesome
```
## Props
##### `images`
An array of object with properties like 'id' and 'url'.
```js
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