react-material-ui-carousel

react-material-ui-carousel

github

demo

Installation

npm install react-material-ui-carousel

yarn add react-material-ui-carousel

Code

import React from ‘react’;
import Carousel from ‘react-ma…



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/
HARVARD
Aya 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/>
VANCOUVER
Aya 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