component.js

export default Ember.Component.extend({
  selectedTabIndex: 0,
...
}

template.hbs

...
  {{#dc-tabs selected-index=selectedTabIndex}}
    {{#dc-tab-list}}
      <div class="view-toggle">
        <div>
          {{#each view in document.views}}
            {{#dc-tab}}
            <button class="toggle-fragment">
              <span>{{view.name}}</span>
            </button>
            {{/dc-tab}}
          {{/each}}
        </div>
      </div>
    {{/dc-tab-list}}
    <div class="document-container">
      {{#each viewModel in document.views}}
        {{#dc-tab-panel}}
          {{render-component viewModel.type viewModel=viewModel}}
        {{/dc-tab-panel}}
      {{/each}}
    </div>
  {{/dc-tabs}}
...