Starcounter App's View example

view.html

<!-- dependencies goes here-->
<template>
    <!-- All content/functional/meaningful elements goes here -->
    <template is="starcounter-composition">
        <!-- Shadow DOM layuout goes here -->
    </template>
</template>


<!--- VanillaJS example -->
<link rel="import" href="/sys/puppet-redirect/puppet-redirect.html" />
<template>
    <button>Click me to redirect</button>
    <link is="puppet-redirect" history rel="#" />
    <script>
    (function(){
        let script = document._currentScript || document.currentScript;
        let link = script.previousElementSibling;
        let button = link.previousElementSibling;
        button.addEventListener('click', function(){
            link.setAttribute('url', '/go/somewhere');
        });
    })();
    </script>
    <template is="starcounter-composition">
        <div style="border: 1px solid red;">
            <slot name="MyApp/button"></slot>
        </div>
    </template>
</template>