Skip to content

A polymer element that adds a class in a component to create specific behaviors on touch screens

License

Notifications You must be signed in to change notification settings

Redbility/iron-touch-prevent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Iron-touch-prevent

Description

Polymer element that adds "touch" or "noTouch" class in a component to create specific behaviors for different inputs.

Usage

You need add a link to the component in your polymer element:

<link rel="import" href="bower_components/iron-touch-prevent/iron-touch-prevent.html"/>

After, you must add a new behavior in your element:

<link rel="import" href="bower_components/polymer/polymer.html"/>
<link rel="import" href="bower_components/iron-touch-prevent/iron-touch-prevent.html"/>
<dom-module id="my-element">
  <template></template>
	<script>
		Polymer({
			is: "my-element",
			behaviors: [
				Polymer.IronTouchPrevent
			]
		});
	</script>
</dom-module>

How to contribute

This element has been developed on Pug, Sass and CoffeeScript, you can find this files at source folder. To manage and compile this languages you will have to use Gulp. You will find a folder called tools, that folder includes gulpfile.js and package.json.

When the dependencies have been installed, you can launch the different tasks of gulpFile from the tools folder. You can try the component with following command:

gulp serve

The serve task creates a server where visualize the component, watches for changes on the files and reload the page after compile it.

About

A polymer element that adds a class in a component to create specific behaviors on touch screens

Resources

License

Stars

Watchers

Forks

Packages

No packages published