var code = `
  var one = new kd.View(
    {
      pistachio: '{{ #(clicked == \`yes\` ? \`Hi user, thanks!\` : \`Click here!\`) }}',
      click: () => one.setData({ clicked: 'yes' }),
    },
    { clicked: 'no' }
  )

  one.appendToDomBody()

`
eval(code)

new kd.CustomHTMLView({
  tagName: 'pre',
  partial: code,
}).appendToDomBody()

code = `
  var two = new kd.View({

    pistachio: '{{ #(clicked < 5 ? \\
      \`Click here to buy me an apple! I need 5 apples.\` : \\
      \`Thanks user!\`) }} {{ #(apples) }} \\
      I have {{ #(apples.length) }} apple{{ #(apples.length != 1 ? \`s\`)}}',

    click: () => {
      let { clicked, apples } = two.getData()
      clicked += 1
      apples.push('🍎')
      if (clicked == 6) {
        apples = []
        clicked = 0
      }
      two.setData({ clicked, apples })
    },

  }, { clicked: 0, apples: [] })  // Initial data

  two.appendToDomBody()

`

eval(code)

new kd.CustomHTMLView({
  tagName: 'pre',
  partial: code,
}).appendToDomBody()

@@ -973,28 +973,429 @@
  code,%0A%7D).appendToDomBody()%0A
+%0Acode = %60%0A  var three = new kd.ButtonView(%7B%0A    title: 'Click Here!',%0A    callback: () =%3E %7B%0A      alert('hello from view three!');%0A    %7D,%0A  %7D);%0A%0A  var four = new kd.View(%7B%0A    pistachioParams: %7B three %7D,%0A    pistachio: 'I include button from view three here: %7B%7B%3E three %7D%7D',%0A  %7D)%0A%0A  four.appendToDomBody()%0A%0A%60%0A%0Aeval(code)%0A%0Anew kd.CustomHTMLView(%7B%0A  tagName: 'pre',%0A  partial: code,%0A%7D).appendToDomBody()%0A

add example usage for embedded views