Package detail

apeman-react-console

apeman-react-labo74MIT3.0.4

apeman react package for console components.

apeman, React, react-component

readme

apeman-react-console

Build Status Code Climate Code Coverage npm Version JS Standard

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 Description
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 |

License

This software is released under the MIT License.

Links