https://github.com/mdbootstrap/react-testimonial-slider

Responsive React Testimonial Reviews Slider templates built with Bootstrap 5. See examples of the combination of Bootstrap carousel with testimonial reviews. https://mdbootstrap.com/docs/react/extended/testimonial-slider
https://github.com/mdbootstrap/react-testimonial-slider

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html js react slider testimonial

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/mdbootstrap/react-testimonial-slider
Owner: mdbootstrap
License: other
Created: 2022-08-25T07:47:22.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2022-08-25T12:18:10.000Z (almost 4 years ago)
Last Synced: 2025-03-06T08:54:13.369Z (over 1 year ago)
Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, css, html, js, react, slider, testimonial
Language: JavaScript
Homepage:
Size: 271 KB
Stars: 0
Watchers: 5
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-react.png)

# MDB React 5

Responsive React Testimonial Reviews Slider templates built with Bootstrap 5. See examples of the combination of Bootstrap carousel with testimonial reviews.

Check out [React Testimonial Slider Documentation](https://mdbootstrap.com/docs/react/extended/testimonial-slider) for detailed instructions & even more examples.

## Basic example
![Basic example](https://user-images.githubusercontent.com/108793661/186608301-ea4a28a8-3c4b-4d04-afde-546ecc4ab813.png)

```js
import React from "react";
import {
MDBCarousel,
MDBCarouselInner,
MDBCarouselItem,
MDBContainer,
MDBRow,
MDBCol,
MDBIcon,
} from "mdb-react-ui-kit";

export default function App() {
return (

avatar

Maria Kate

Photographer

Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus
et deleniti nesciunt sint eligendi reprehenderit reiciendis,
quibusdam illo, beatae quia fugit consequatur laudantium velit
magnam error. Consectetur distinctio fugit doloremque.

avatar

John Doe

Web Developer

Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus
et deleniti nesciunt sint eligendi reprehenderit reiciendis.

avatar

Anna Deynah

Web Developer

);
}
```

## How to use?

1. Download MDB 5 - FREE REACT UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples (click on the image to see a live demo)
### Multiitem carousel:
[![React Square Buttons #1](https://user-images.githubusercontent.com/108793661/186607955-c3e03537-d994-4947-824c-dbec0ea13696.png)](https://mdbootstrap.com/docs/react/extended/testimonial-slider/#section-multiitem-carousel)

## More extended React documentation