mirror of
https://github.com/maputnik/editor.git
synced 2025-12-28 00:50:00 +00:00
Initial commit
This commit is contained in:
16
src/app.jsx
Normal file
16
src/app.jsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import 'bootstrap/dist/css/bootstrap.min.css';
|
||||
import styles from './index.scss';
|
||||
import React from 'react';
|
||||
|
||||
export default class App extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<h1>It Works!</h1>
|
||||
<p>This React project just works including <span className={styles.blueBg}>module</span> local styles.</p>
|
||||
<p>Global bootstrap css import works too as you can see on the following button.</p>
|
||||
<p><a className="btn btn-primary btn-lg">Enjoy!</a></p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
5
src/index.jsx
Normal file
5
src/index.jsx
Normal file
@@ -0,0 +1,5 @@
|
||||
import React from 'react';
|
||||
import { render } from 'react-dom';
|
||||
import App from './app.jsx';
|
||||
|
||||
render(<App/>, document.querySelector("#app"));
|
||||
4
src/index.scss
Normal file
4
src/index.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
.blueBg {
|
||||
background-color: red;
|
||||
color: white;
|
||||
}
|
||||
13
src/template.html
Normal file
13
src/template.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="app">Loading...</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user