Using a Custom Renderer | Yext Hitchhikers Platform
If you want to use a use your own template language (e.g. soy, mustache, groovy, etc), you should NOT use the template argument. Instead, you can provide a custom render function to the component.
ANSWERS.addComponent('SearchBar', {
container: '.search-container',
render: function(data) {
// Using native ES6 templates -- but you can replace this with soy,
// or any other templating language as long as it returns a string.
return `<div class="my-search">${data.title}</div>`
}
})
Feedback
<% elem.innerText %>