https://github.com/zillding/react-console
A chrome developer console like react component
https://github.com/zillding/react-console
Last synced: 10 months ago
JSON representation
A chrome developer console like react component
- Host: GitHub
- URL: https://github.com/zillding/react-console
- Owner: zillding
- License: mit
- Created: 2016-04-07T10:00:40.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2023-02-18T06:20:23.000Z (over 3 years ago)
- Last Synced: 2024-12-03T06:11:29.007Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://zillding.github.io/react-console/
- Size: 345 KB
- Stars: 4
- Watchers: 2
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```bash
npm install --save @zillding/react-console
```
```js
import Console from '@zillding/react-console'
// Drop the component anywhere
```
## Properties
+ **noFontawesome**: boolean
This component load css from [cdnjs](https://cdnjs.com/) dynamically. If containing app already
loads [fontawesome](http://fontawesome.io/get-started/), then pass `true` to this property to prevent
it from loading.
+ **style**: object
Custom style to the container.
## Development
```bash
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