kloner v0.1.0
Kloner
A tiny, dependency-free JavaScript module for cloning/repeating elements.
A Five Fifteen Project
Demo
Visit https://kloner.js.org
Installation
Manual Download
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>
CDN (Courtesy of jsDelivr)
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
npm install kloner --save
// ES6
import kloner from 'kloner'
// CommonJS
const kloner = require('kloner')
Fetcher
fetcher install fivefifteen/kloner --save
Bower
bower install fivefifteen/kloner --save
Usage
kloner
Function
kloner([containerSelector], [childSelector], [options])
Initializes Kloner.
Parameters
containerSelector
(Optional) -childSelector
(Optional) -options
(Optional) -
Examples
window.addEventListener('load', function () {
kloner()
})
Options
{
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
}
Related
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.
License
MIT. See the license file for more info.