notebook-preview
Lightweight preview of a notebook, nteract style
// import styles directly if using the css-loader;;; ;ReactDOM;
Styling
In order to have parity with nteract styling, you'll want:
-
normalize.css
-
codemirror.css
-
CSS and fonts for Source Code Pro and Source Sans Pro
-
One of the themes (e.g. theme-light) or your own that implements the same CSS variables
-
main.css
fromnotebook-preview
You can either use the CSS loader with the styles you want as above or include them in your base HTML like so:
Example setup:
<!-- Optionally, use a conventional reset like normalize --><!-- Optionally, include the fonts nteract uses --> <!-- Required: CodeMirror styling --> <!-- Required: Style sheets for the notebook itself -->