console-css v1.0.4

console.css

Print text with CSS in browser

Install

npm i console-css -S
or
yarn add console-css

API

console.css(options)

options: string | Object | Array<options: Object>
1. String 2. Object

• text: string
• style?: { [cssKey: string]: string | number }

3. Array<options: Object>

How to use?

import 'console-css';

console.log('This is the console.log().');

console.css('This is the console.css(), you can use console.css like console.log:');
console.css(null);
console.css(undefined);
console.css(true, false);
console.css(1234, 567, 89);

import 'console-css';

console.css({
  text: 'Can also be these:',
  style: {
    fontSize: '18px',
    color: '#d4a28e'
  }
});

console.css({
  text: 'hello world',
  style: {
    padding: '10px',
    lineHeight: '80px',
    fontSize: '50px',
    textShadow: '2px 2px 1px #999',
    background: '#eee',
    color: '#eee'
  }
});

import 'console-css';

function showStatus(text, val) {
  var success = '#00a698';
  var error = '#ff7b71';
  return [{
    text: text,
    style: {
      padding: '2px 6px',
      fontSize: '8px',
      color: '#fff',
      background: '#555',
      borderRadius: '3px 0 0 3px'
    }
  }, {
    text: val ? 'success' : 'error',
    style: {
      padding: '2px 6px',
      fontSize: '8px',
      color: '#fff',
      background: val ? success : error,
      borderRadius: '0 3px 3px 0'
    }
  }]
}
console.css(showStatus('request', true));
console.css(showStatus('request', false));