Log box
Logs console messages inside a nice box
Install
$ npm install log-box
Usage
Default options
const logBox = ; ;
Inline options
const logBox = ; ;
package.json
Configuration in package.json
:
"name": "your-project" "version": "0.1.0" ... "log-box": "default": "style": "round" "exampleA": "color": "#90f" "exampleB": "style": "strong" "color": "black" "textColor": "black" "bgColor": "red"
const logBox = ; // Shows "default" setting from package.json; // Shows "exampleB" setting from package.json;
Options
Border style
style
[string]
Sets the border style of the box.
- Default:
"single"
- Allowed values:
"single"
"strong"
"round"
"double"
Colors
color
[string]
Sets the border color of the box.
- Default:
"white"
- Allowed values:
- Hex color value, prefixed with
#
symbol (e.g.,"#ff00ff"
) - Valid color keyword, within CSS Colors Level 4 spec (e.g.,
"cyan"
)
- Hex color value, prefixed with
textColor
[string]
Sets the message text color.
- Default:
"white"
- Allowed values: same as color
bgColor
[string]
Sets the background color of the entire box area, including message text.
- Default:
undefined
(no background color) - Allowed values: same as color
Spacing
padding
[object] [number] [array]
Sets the spacing inside the box, between the border and the message text.
- Allowed values:
object
— appliestop
,right
,bottom
,left
properties of object (any omitted properties retain the default)number
— applies value to top, right, bottom, and leftarray
— maps values similar to CSS shorthand
- Default:
{ top: 0, right: 1, bottom: 0, left: 1 }
margin
[object] [number] [array]
Sets the spacing outside the box.
- Allowed values: same as padding
- Default:
{ top: 0, right: 0, bottom: 1, left: 0 }