First, we extend shadow
with a name
and some template
like so:
shadow.extend({
name: 'pindrop',
template: '<div class="ui-face ui-face--padded">This is the most basic Shadow UI</div>'
})
Next, we create the shadow on any element:
<div id="pindrop">This is a pindrop instance.</div>
$('#pindrop').shadow('pindrop')