You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
2.8 KiB
Markdown
160 lines
2.8 KiB
Markdown
6 years ago
|
# <img src="screenshot.png" width="400" alt="boxen">
|
||
|
|
|
||
|
|
> Create boxes in the terminal
|
||
|
|
|
||
|
|
[](https://travis-ci.org/sindresorhus/boxen)
|
||
|
|
|
||
|
|
|
||
|
|
## Install
|
||
|
|
|
||
|
|
```
|
||
|
|
$ npm install --save boxen
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```js
|
||
|
|
const boxen = require('boxen');
|
||
|
|
|
||
|
|
console.log(boxen('unicorn', {padding: 1}));
|
||
|
|
/*
|
||
|
|
┌─────────────┐
|
||
|
|
│ │
|
||
|
|
│ unicorn │
|
||
|
|
│ │
|
||
|
|
└─────────────┘
|
||
|
|
*/
|
||
|
|
|
||
|
|
console.log(boxen('unicorn', {padding: 1, margin: 1, borderStyle: 'double'}));
|
||
|
|
/*
|
||
|
|
|
||
|
|
╔═════════════╗
|
||
|
|
║ ║
|
||
|
|
║ unicorn ║
|
||
|
|
║ ║
|
||
|
|
╚═════════════╝
|
||
|
|
|
||
|
|
*/
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
## API
|
||
|
|
|
||
|
|
### boxen(input, [options])
|
||
|
|
|
||
|
|
#### input
|
||
|
|
|
||
|
|
Type: `string`
|
||
|
|
|
||
|
|
Text inside the box.
|
||
|
|
|
||
|
|
#### options
|
||
|
|
|
||
|
|
##### borderColor
|
||
|
|
|
||
|
|
Type: `string`<br>
|
||
|
|
Values: `black` `red` `green` `yellow` `blue` `magenta` `cyan` `white` `gray`
|
||
|
|
|
||
|
|
Color of the box border.
|
||
|
|
|
||
|
|
##### borderStyle
|
||
|
|
|
||
|
|
Type: `string` `object`<br>
|
||
|
|
Default: `single`<br>
|
||
|
|
Values:
|
||
|
|
- `single`
|
||
|
|
```
|
||
|
|
┌───┐
|
||
|
|
│foo│
|
||
|
|
└───┘
|
||
|
|
```
|
||
|
|
- `double`
|
||
|
|
```
|
||
|
|
╔═══╗
|
||
|
|
║foo║
|
||
|
|
╚═══╝
|
||
|
|
```
|
||
|
|
- `round` (`single` sides with round corners)
|
||
|
|
```
|
||
|
|
╭───╮
|
||
|
|
│foo│
|
||
|
|
╰───╯
|
||
|
|
```
|
||
|
|
- `single-double` (`single` on top and bottom, `double` on right and left)
|
||
|
|
```
|
||
|
|
╓───╖
|
||
|
|
║foo║
|
||
|
|
╙───╜
|
||
|
|
```
|
||
|
|
- `double-single` (`double` on top and bottom, `single` on right and left)
|
||
|
|
```
|
||
|
|
╒═══╕
|
||
|
|
│foo│
|
||
|
|
╘═══╛
|
||
|
|
```
|
||
|
|
- `classic`
|
||
|
|
```
|
||
|
|
+---+
|
||
|
|
|foo|
|
||
|
|
+---+
|
||
|
|
```
|
||
|
|
|
||
|
|
Style of the box border.
|
||
|
|
|
||
|
|
Can be any of the above predefined styles or an object with the following keys:
|
||
|
|
|
||
|
|
```js
|
||
|
|
{
|
||
|
|
topLeft: '+',
|
||
|
|
topRight: '+',
|
||
|
|
bottomLeft: '+',
|
||
|
|
bottomRight: '+',
|
||
|
|
horizontal: '-',
|
||
|
|
vertical: '|'
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
##### dimBorder
|
||
|
|
|
||
|
|
Type: `boolean`<br>
|
||
|
|
Default: `false`
|
||
|
|
|
||
|
|
Reduce opacity of the border.
|
||
|
|
|
||
|
|
##### padding
|
||
|
|
|
||
|
|
Type: `number` `object`<br>
|
||
|
|
Default: `0`
|
||
|
|
|
||
|
|
Space between the text and box border.
|
||
|
|
|
||
|
|
Accepts a number or an object with any of the `top`, `right`, `bottom`, `left` properties. When a number is specified, the left/right padding is 3 times the top/bottom to make it look nice.
|
||
|
|
|
||
|
|
##### margin
|
||
|
|
|
||
|
|
Type: `number` `object`<br>
|
||
|
|
Default: `0`
|
||
|
|
|
||
|
|
Space around the box.
|
||
|
|
|
||
|
|
Accepts a number or an object with any of the `top`, `right`, `bottom`, `left` properties. When a number is specified, the left/right margin is 3 times the top/bottom to make it look nice.
|
||
|
|
|
||
|
|
##### backgroundColor
|
||
|
|
|
||
|
|
Type: `string`<br>
|
||
|
|
Values: `black` `red` `green` `yellow` `blue` `magenta` `cyan` `white`
|
||
|
|
|
||
|
|
Color of the background.
|
||
|
|
|
||
|
|
|
||
|
|
## Related
|
||
|
|
|
||
|
|
- [boxen-cli](https://github.com/sindresorhus/boxen-cli) - CLI for this module
|
||
|
|
- [cli-boxes](https://github.com/sindresorhus/cli-boxes) - Boxes for use in the terminal
|
||
|
|
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
MIT © [Sindre Sorhus](http://sindresorhus.com)
|