Skip to content

Instantly share code, notes, and snippets.

@MrLeebo

MrLeebo/code.js

Created October 30, 2017 17:33
Show Gist options
  • Save MrLeebo/84a3059a7a33993c34567172ec77698f to your computer and use it in GitHub Desktop.
Save MrLeebo/84a3059a7a33993c34567172ec77698f to your computer and use it in GitHub Desktop.
Download ZIP
Repro of react-json-view clipboard issue because https://esnextb.in/ is broken and cannot save gists right now
Raw
code.js
import JsonView from "react-json-view";
const { Button, Modal } = ReactBootstrap;
const src = {
data: "test",
foo: "bar"
};
const App = () => (
<Modal show>
<Modal.Header>
View JSON
</Modal.Header>
<Modal.Body>
<JsonView src={src} />
</Modal.Body>
<Modal.Footer>
<Button>Close</Button>
</Modal.Footer>
</Modal>
);
ReactDOM.render(<App />, document.getElementById("container"));
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ESNextbin Sketch</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css"> <!-- put additional styles and scripts here -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.31.5/react-bootstrap.min.js"></script>
</head>
<body>
<div id="container"></div>
</body>
</html>
Raw
package.json
{
"name": "esnextbin-sketch",
"version": "0.0.0",
"dependencies": {
"react-json-view": "1.13.2"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment