use ant-design

Author: davidkoojohn

package.json

@@ -11,6 +11,7 @@
     },
     "devDependencies": {
         "@babel/preset-react": "^7.0.0",
+        "antd": "^3.12.4",
         "axios": "^0.18",
         "bootstrap": "^4.0.0",
         "cross-env": "^5.1",

resources/js/components/Example.js

@@ -1,11 +1,14 @@
 import React, { Component } from 'react';
+import { DatePicker, Button } from 'antd'
 
 export default class Example extends Component {
     render() {
         return (
             <div className="container">
                 <div className="card-header">Example Component</div>
                 <div className="card-body">I'm an example component!</div>
+                <DatePicker />
+                <Button type="primary">Primary</Button>
             </div>
         );
     }

resources/sass/app.scss

@@ -5,6 +5,7 @@
 // Variables
 @import 'variables';
 
+@import '~antd/dist/antd.css';
 // Bootstrap
 @import '~bootstrap/scss/bootstrap';
 

resources/views/welcome.blade.php

@@ -5,6 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
         <title>React On Laravel</title>
+        <link rel="stylesheet" href="{{asset('css/app.css')}}">
         <script>
             window.Laravel = <?php echo json_encode([
                 'csrfToken' => csrf_token(),