Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zacharytamas/atom-polymer

Develop for Polymer 1.0+ faster with Atom.
https://github.com/zacharytamas/atom-polymer

atom polymer snippets tools

Last synced: 21 days ago
JSON representation

Develop for Polymer 1.0+ faster with Atom.

Awesome Lists containing this project

README

        

# atom-polymer

Develop for Polymer 1.0+ faster with Atom.

## Snippets

**Note:** The majority of the initial snippets are borrowed from [Rob Dodson's excellent `polymer-snippets` package](https://github.com/robdodson/Atom-PolymerSnippets) and adapted for a Polymer 1.0+ world.

### HTML imports

#### [hii] Import Iron element

```html

```

#### [hip] Import Paper element

```html

```

#### [hi] Import generic element

```html

```

### New element boilerplates

#### [pe] Polymer element with template and style

```html



:host {
$5
}

$4


Polymer({
is: '$2',
$3
});

```

#### [pen] Polymer element without template

```html

Polymer({
is: '$2',
$3
});

```
#### [pes] Polymer element with an external script source

```html



:host {
$5
}

$4


```

#### [pet] Polymer element with a template only
This snippet also provides a wrapper div for `` and a style declaration.

```html



:host {
$4
}
.content-wrapper > ::content {
$5
}

$3




```

### [dom-module] A blank `dom-module` element

This is handy if you need to add a visual presence to a Polymer element that did not necessarily need it before.

```html


:host {
display: block;
}


$2

```

### shortcuts

#### [tm] Template tag

```html

$1

```

#### [tm-repeat] Repeating template

```html

$2

```

#### [tm-if] Conditional template

```html

$2

```

### Paper elements

We include snippets of these Paper elements with sensible defaults:

* `paper-button`
* `paper-checkbox`
* `paper-dialog`
* `paper-drawer-panel`
* `paper-fab`
* `paper-header-panel`
* `paper-icon-button`
* `paper-menu`
* `paper-progress`
* `paper-radio-button`
* `paper-radio-group`
* `paper-ripple`
* `paper-scroll-header-panel`
* `paper-slider`
* `paper-spinner`
* `paper-tabs`
* `paper-toolbar`

### Iron elements

We include snippets of these Iron elements with sensible defaults:

* `iron-ajax`
* `iron-collapse`
* `iron-form`
* `iron-icon`
* `iron-iconset`
* `iron-image`
* `iron-input`
* `iron-localstorage`
* `iron-media-query`
* `iron-pages`

### Gold elements

* `gold-cc-cvc-input`
* `gold-cc-expiration-input`
* `gold-cc-input`
* `gold-email-input`
* `gold-phone-input`
* `gold-zip-input`