colin-riddell / replit

basic replit clone

React Repl

A small react library to render a terminal emulator

Preview:

Console UI:

Installation(dev)

$ git clone https://github.com/Husseinfarah93/replit.git
$ npm install
$ npm start

Go to localhost:1337

Installation(lib)

1. Install

  npm install --save react-repl-emulator

2. Import

  import Repl from 'react-repl-emulator'

3. Use

  <Repl></Repl>

API

Optional Properties

• height (string)
  This sets the height of the console. By default the console height is 100% of the body height.

  <Repl height="100px" />

• width (string)
  This sets the width of the console. By default the console width is 100% of the body width.

  <Repl width="500px" />

• textColour (string)
  This sets the colour of the text within the console. By default the text colour is #97ED8A

  <Repl textColour="red" /> || <Repl textColour="#B64926" />