react-material-ui-carousel
Installation
npm install react-material-ui-carousel
yarn add react-material-ui-carousel
Code
import React from 'react';
import Carousel from 'react-material-ui-carousel';
import { Paper, Button } from '@material-ui/core';
function Carousell(props) {
const items = [
{
name: 'Aya Bouchiha',
description: 'Full Stack Web Developer',
},
{
name: 'John Doe',
description: 'Author',
},
{
name: 'Pitsu Coma',
description: 'Math Student',
},
];
return (
<Carousel>
{items.map((item, i) => (
<Item key={i} {...item} />
))}
</Carousel>
);
}
const Item = ({name, description}) => {
return (
<Paper>
<h2>{name}</h2>
<p>{description}</p>
<Button>more info...</Button>
</Paper>
);
};
Have a great day
Print
Share
Comment
Cite
Upload
Translate
APA
Aya Bouchiha | Sciencx (2024-03-29T09:47:43+00:00) » react-material-ui-carousel. Retrieved from https://www.scien.cx/2021/09/08/react-material-ui-carousel/.
MLA" » react-material-ui-carousel." Aya Bouchiha | Sciencx - Wednesday September 8, 2021, https://www.scien.cx/2021/09/08/react-material-ui-carousel/
HARVARDAya Bouchiha | Sciencx Wednesday September 8, 2021 » react-material-ui-carousel., viewed 2024-03-29T09:47:43+00:00,<https://www.scien.cx/2021/09/08/react-material-ui-carousel/>
VANCOUVERAya Bouchiha | Sciencx - » react-material-ui-carousel. [Internet]. [Accessed 2024-03-29T09:47:43+00:00]. Available from: https://www.scien.cx/2021/09/08/react-material-ui-carousel/
CHICAGO" » react-material-ui-carousel." Aya Bouchiha | Sciencx - Accessed 2024-03-29T09:47:43+00:00. https://www.scien.cx/2021/09/08/react-material-ui-carousel/
IEEE" » react-material-ui-carousel." Aya Bouchiha | Sciencx [Online]. Available: https://www.scien.cx/2021/09/08/react-material-ui-carousel/. [Accessed: 2024-03-29T09:47:43+00:00]
rf:citation » react-material-ui-carousel | Aya Bouchiha | Sciencx | https://www.scien.cx/2021/09/08/react-material-ui-carousel/ | 2024-03-29T09:47:43+00:00
https://github.com/addpipe/simple-recorderjs-demo