Kloner

A tiny, dependency-free JavaScript module for cloning/repeating elements.

A Five Fifteen Project

Visit https://kloner.js.org

Download dist/kloner.min.js and place the following HTML in your page's head element:

<script type="text/javascript" src="dist/kloner.min.js"></script>

Place the following HTML in your page's head element (check to make sure the version in the URL is the version you want):

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/fivefifteen/kloner@0.1/dist/kloner.min.js"></script>

npm install kloner --save 

// ES6 import kloner from 'kloner' // CommonJS const kloner = require('kloner')

fetcher install fivefifteen/kloner --save 

bower install fivefifteen/kloner --save 

kloner([containerSelector], [childSelector], [options])

Initializes Kloner.

• containerSelector (Optional) -

• childSelector (Optional) -

• options (Optional) -

window.addEventListener('load', function () { kloner() })

{ afterAdd: null, afterChildUpdate: null, afterRemove: null, beforeAdd: null, beforeChildUpdate: null, beforeRemove: null, childSelector: '[data-kloner-template], :scope > *', containerSelector: '[data-kloner], .kloner', max: null, min: 0, parameters: null, start: 0, template: null, updateChildren: false }

• ColorTap - A tiny, dependency-free, color input field helper that utilizes the native color picker.

• FileBokz - A tiny, dependency-free, highly customizable and configurable, easy to use file input with some pretty sweet features.

• GrowField - A tiny, dependency-free JavaScript module for making textarea elements grow with their content.

• HashJump - A tiny, dependency-free JavaScript module for handling anchor links and scrolling elements into view.

MIT. See the license file for more info.