<template>
    <ul ak-menu k-on-select.delegate="onSelect($event.detail)">
      <li>
        Modules
        <ul>
          <li><span class="d-menuitem" data-id="m1">First module</span></li>
          <li><span class="d-menuitem" data-id="m2">Second module</span></li>
        </ul>
      </li>
    </ul>
    <div id="tabstrip" ak-tabstrip="k-animation.bind: { open: { effects: 'fadeIn' } }; k-widget.two-way: tabStrip">
        <ul>
            <li class="k-state-active" t="title">
                Initial
            </li>
        </ul>
        <div>
            <div>
                <p t="content">
                    Initial content here
                </p>
            </div>
        </div>
    </div>
</template>