JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div class="scrollme">
Make It Yours

Click the App Settings icon (gear) at any time to bring up the various ways to customize your interface. Having an open editor will help you see the effect of the changes best.



Note that these are not styling settings for your book, but the style of the app where you'll do your writing!

Available Settings

Typeface - Choose sans-serif for a clean, modern look, or a serif font face for that more classic feel.

Line Height - This setting mainly applies to the editor. Increase or decrease the space between lines.

Editor Width - On a desktop computer, this setting will limit the width of the editor.

Background Color - The main background color of the app. Any text rendered on this color will automatically be white or black depending on which has better contrast.

Accent Color - A color used for highlights throughout the app. Any text rendered on this color will automatically be white or black depending on which has better contrast.dfsdfsf

Make It Yours

Click the App Settings icon (gear) at any time to bring up the various ways to customize your interface. Having an open editor will help you see the effect of the changes best.



Note that these are not styling settings for your book, but the style of the app where you'll do your writing!

Available Settings

Typeface - Choose sans-serif for a clean, modern look, or a serif font face for that more classic feel.

Line Height - This setting mainly applies to the editor. Increase or decrease the space between lines.

Editor Width - On a desktop computer, this setting will limit the width of the editor.

Background Color - The main background color of the app. Any text rendered on this color will automatically be white or black depending on which has better contrast.

Accent Color - A color used for highlights throughout the app. Any text rendered on this color will automatically be white or black depending on which has better contrast.dfsdfsf
Make It Yours

Click the App...

CSS

.scrollme {
  width: 300px;
  height: 300px;
  overflow: auto;
}