Slush-element NPM

Slush Generator for Custom Elements

Web Components + Slush

A Slush Generator that provides a functional boilerplate to easily create Custom Elements using Polymer, X-Tag or VanillaJS.
All templates are based in the boilerplates authored by the WebComponents.org team:
Polymer Boilerplate
X-Tag Boilerplate
VanillaJS Boilerplate

Install

Install this generator using NPM:

$ [sudo] npm install -g slush-element

Getting Started

There are two different generators available.

The first one used to scaffold out new individual elements:
```
```bash
```
$ slush element
```
```

```
```
? What do you want to use? ? What's the name of your element? ? Do you want to include lifecycle callbacks?
```
```

Which will generate the following file::

```
```
. └── my-element.html
```
```
```
The second one is used to scaffold an entire project:
```
```bash
```
$ slush element:repo
```
```

```
```
? What do you want to use? ? What's the GitHub repository? ? What's your GitHub username? ? What's the name of your element? ? How would you describe the element? ? Do you want to include lifecycle callbacks? ? Do you want to include some useful Gulp tasks?
```
```

Which will generate the following project structure with npm and bower dependencies installed:

```
```
. ├── .editorconfig ├── .gitignore ├── bower.json ├── bower_components/ ├── package.json ├── index.html ├── node_modules/ ├── gulpfile.js ├── src/my-element.html └── README.md
```
```
```

Note: files will be generated in the current directory, so be sure to change to a new directory before running those commands if you don't want to overwrite existing files.