react-3d-carousal demo

demo of 3d react carousal node module

by suhail

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/dist/index.js"></script>
<div id="app">
  <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

class MyApp extends React.Component {
  constructor(props) {
    super(props)
  }
  
  render() {
    let slides = [
      <img  src="https://picsum.photos/800/300/?random" alt="1" />,
    <img  src="https://picsum.photos/800/301/?random" alt="2" />  ];
    return (
      <div className="App">
        <header className="App-header">
          <h1 className="App-title"></h1>
        </header>
        
        This is our carousal Component: 
        <br/>
        <br/>
        <br/>
        <Carousal.Carousel slides={slides}/>
{/* Carousal.Carousal because of unpkg in developement use npm import and use only {Carousal}*/}
      </div>
    );
  }
}

ReactDOM.render(<MyApp />, document.querySelector("#app"))