Apeman-react-console NPM

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

Name	Type	Default	Description
left	bool			Floating to left
hidden	bool			Hidden to display

ApConsoleLine

Props

Name	Type	Default
level	string		Level of message
prefix	string		Prefix of message
message	string		Text of message
text		null

ApConsoleStyle

Props

Name	Type	Default	Description

ApConsole

Props

Name	Type	Default	Description
height	number	300		Height of the console
toolTips	object	{

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 |