Gist-powered example

README.md

You can make examples from a gist. This text comes from the README.md file, while any *.html files will be turned into components. Any code in the (required) main.js file is evaluated.

Component dependencies are pulled in from npm via https://wzrd.in/.

BigButton.html

<button on-tap='activate()'>click me!</button>

<style>
  button {
    background-color: #d00;
    color: white;
    font-size: 2em;
    padding: 1em;
    border-radius: 0.2em;
  }
</style>

<script>
  component.exports = {
    activate: function () {
      alert( 'activating!' );
    },
    
    events: {
      tap: require( 'ractive-events-tap' )
    }
  }
</script>

main.js

var ractive = new BigButton({
  el: demo
});