Choose an example, edit code (optional) and click process button

<template id="basic">

  <div bb-class="class" bb-attr="attribute.value: attribute.name">{{text}}</div>

</template>

var barbiche = Barbiche();

target.appendChild(barbiche('basic').merge({

  class: "barbiche",

  attribute: {name: "my-attr", value: "my-val"},

  text: "Hello World!"

}));