```
### 4. Initialize
```js
// deafult
const darkli = new Darkli();
// with custom config
const darkli = new Darkli({ heightAuto: true });
```
## Parameters
| Parameter | Type | Default | Description |
| ----------- | -------- | ---------------------- | ----------- |
| box | string | '.darkli' | |
| contents | string | '.darkli-content' | |
| btnOpens | string | '[data-darkli]' | |
| btnClose | string | '.darkli .darkli-close'| |
| heightAuto | boolean | false | Set to **true** and box will adopt its content height |
| closeKeys | array | [27, 8] | keyCode: 27(esc), 8(backspace) |
| beforeOpen | function | | Will be executed before open |
| afterOpen | function | | Will be executed after open |
| beforeClose | function | | Will be executed before close |
| afterClose | function | | Will be executed after close |
## Methods
| Method | Description |
| ----------------------------- | ----------- |
| `darkli.open(content)` | open specific box |
| `darkli.close()` | close box |
| `darkli.create({box, content})` | create box |
## Development
### Prerequisites
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) ( we assume you have installed [node.js](https://nodejs.org/en/) ).
### Getting Started
Before coding, you need to install packages for development, we choose [gulp](http://gulpjs.com/) as our build system.
```sh
# install all building tools and dependencies
$ npm install # or yarn
```
### Usage
```sh
# Build `sass`, `javascript`, `demo` and minified files:
$ npm start # or `npm run gulp`
# Build `sass`, `javascript`, and then watch file
$ npm run gulp watch
# Uglify and minify `.css` and `.js` files
$ npm run gulp min
# You can also use these commands below
$ npm run gulp js
$ npm run gulp css
$ npm run gulp js-min
$ npm run gulp css-min
```
Checking gulpfile.js for more details.
### Testing
**Unit test**
```sh
# Lint and then do unit test with AVA
$ npm test
$ npm run ava
$ npm run ava:watch
```
**End-to-End test**
We use [Nightwatch.js](http://nightwatchjs.org/) as our E2E test tool.
Before test, you should start a localhost server at `8000` port, use gulp task to start it:
```sh
$ npm run gulp localhost
```
Then you can start the E2E test:
```sh
$ npm run e2e
# firefox
$ npm run e2e:firefox
```
### Show File Structure
Just type follow command to view the graphical file structure in your terminal.
```sh
$ npm run tree
```
## License
[MIT](https://github.com/akccakcctw/darkli/blob/master/LICENSE)
---
_Source: https://npm.io/package/darkli · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._