<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">

<style type="text/css">
{{>custom-buttons-css}}
</style>

<div class="intro">
    <p>
        {{description}}
    </p>
    <p>
        The custombutton has an eventlistener bound. This can be done by listening for view.on('buttonclick') and examine e.value in the subscriber.
    </p>
</div>

{{>custom-buttons-html}}

<h2>Code</h2>
```
{{>custom-buttons-js}}
```

<h2>Complete Example Source</h2>
```
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">
<style type="text/css">
{{>custom-buttons-css}}
</style>

<body>

{{>custom-buttons-html}}

<script>
{{>custom-buttons-js}}
</script>

</body>
```

<script>
{{>init-loaderconfig-js}}
{{>loaderconfig-js}}
{{>custom-buttons-js}}
</script>