--- layout: default ---

Create a shadow

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')
This is a pindrop instance.