apeman-react-console

apeman react package for console components.

Installation

$ npm install apeman-react-console --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'
 
import React from 'react'
import {ApConsole, ApConsoleStyle} from 'apeman-react-console'
 
const ExampleComponent = React.createClass({
  render () {
    const s = this
    let { state } = s
    return (
      <div>
        <ApConsoleStyle />
        <ApConsole consoleRef={ (console) => s._registerConsole(console) }/>
      </div>
    )
  },
 
  _registerConsole (console) {
    const s = this
    s.console = console
    console.log('This is text 01')
    console.error('This is error')
    console.warn('This is warn')
    console.info('This is info')
  }
 
})
 
 

Components

ApConsoleButton

Props

ApConsoleLine

Props

ApConsoleStyle

Props

ApConsole

Props

up: 'Scroll to Top', down: 'Scroll to Bottom', clear: 'Clear lines' } | | Tool tip texts | | consoleRef | func | () => null | | Handle console instance | | alt | string | 'No output found' | | Alt message text | | prefix | string|func | | | Prefix of console line | | pipe | bool | | | Pipe console out put to window.console |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React