<div class="foo" w-bind="./widget">
    <app-bar w-id="bar"/>
    <app-bar w-id="bar2"/>

    <app-bar w-id="barArray[]" label="1"/>
    <app-bar w-id="barArray[]" label="2"/>

    <app-custom-events w-onTestEvent="handleTestEvent1" w-id="customEvents" />
    <app-custom-events w-onTestEvent="handleTestEvent2" channel="customEvents-${widget.id}" />

    <ul>
        <li for(color in ['red', 'green', 'blue']) w-id="colorListItems[]">${color}</li>
    </ul>


    <span class="config" w-id="config"></span>
</div>