Skip to content

Instantly share code, notes, and snippets.

@alfonsogarciacaro

alfonsogarciacaro/fable-repl.css

Created December 17, 2018 11:02
Show Gist options
  • Save alfonsogarciacaro/9d26f36dfb86e015e82780fb6ab61850 to your computer and use it in GitHub Desktop.
Save alfonsogarciacaro/9d26f36dfb86e015e82780fb6ab61850 to your computer and use it in GitHub Desktop.
Download ZIP
Created with Fable REPL
Raw
fable-repl.css
#app div {
margin: 0;
padding: 20px;
background-color: lightyellow;
}
Raw
fable-repl.fs
open Fable.Helpers.React
let view =
div [] [str "Hello world"]
mountById "app" view
Raw
fable-repl.html
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<script src="__HOST__/libs/react.production.min.js"></script>
<script src="__HOST__/libs/react-dom.production.min.js"></script>
<link rel="stylesheet" href="__HOST__/libs/css/bulma.min.css" />
<link rel="stylesheet" href="__HOST__/libs/css/font-awesome.min.css" />
</head>
<body class="app-container">
<div id="app"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment