Skip to content

Instantly share code, notes, and snippets.

@blogcacanid
Created October 14, 2020 17:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save blogcacanid/a53c52b1c689cbac2f32d7dab4e51aad to your computer and use it in GitHub Desktop.
Save blogcacanid/a53c52b1c689cbac2f32d7dab4e51aad to your computer and use it in GitHub Desktop.
Blank.js Integrasi AdminLTE 3.0.5 Laravel 7 Dan React JS
import React, {Component} from 'react';
import {HashRouter , Link} from 'react-router-dom';
class Blank extends Component {
render() {
return (
<HashRouter>
<section className="content-header">
<div className="container-fluid">
<div className="row mb-2">
<div className="col-sm-6">
<h1>AdminLTE 3.0.5 Laravel 7 + React JS</h1>
</div>
<div className="col-sm-6">
<ol className="breadcrumb float-sm-right">
<li className="breadcrumb-item"><Link className="js-scroll-trigger" to={'/'}>Home</Link></li>
<li className="breadcrumb-item active">Blank Page</li>
</ol>
</div>
</div>
</div>
</section>
<section className="content">
<div className="card">
<div className="card-header">
<h3 className="card-title">Blank Page</h3>
<div className="card-tools">
<button type="button" className="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i className="fas fa-minus"></i></button>
<button type="button" className="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
<i className="fas fa-times"></i></button>
</div>
</div>
<div className="card-body">
Start creating your amazing application!
</div>
<div className="card-footer">
Footer
</div>
</div>
</section>
</HashRouter>
)
}
}
export default Blank
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment