React Console

A react component that hijacks the developer console

It can be placed anywhere in the page. The position of the compoennt is 'absolute'.

So it needs a parent dom node to determine its position and size.

Dependencies

• react

This need to be installed in the containing project

Get Started

npm install --save @zillding/react-console

import Console from '@zillding/react-console'

// Drop the component anywhere
<Console/>

Properties

• noFontawesome: boolean

  This component load css from cdnjs dynamically. If containing app already loads fontawesome, then pass true to this property to prevent it from loading.

• style: object

  Custom style to the container.

Development

git clone https://github.com/zillding/react-console.git
cd react-console
npm install
npm start

Storybook is started on port 9010.

Supported console API

• log
• debug
• error
• warn
• info

Features

• Show console messages
• Eval js code
• Typed code history
• Clear console