cronapp-framework-mobile-js/components/templates/crn-ion-segment.template.html

Javascript library for CronApp's projects

<div class="component-holder ng-scope" data-component="crn-ion-segment" id="crn-ion-segment-848127">

  <div class="crn-ion-segment crn-ion-segment-classic" theme-ion-segment="crn-ion-segment-classic">

    <ul class="nav nav-tabs font-size-200 tabs-template-full icon-orientation-left icon-theme-light-default bg-default ion-segment-default active-background-default" role="tablist" icon-size="font-size-200" tabs-template="tabs-template-full" icon-theme-light="icon-theme-light-default" background-color="bg-default" background-color-active="active-background-default" icon-theme="ion-segment-default" icon-orientation="icon-orientation-left">

      <li role="presentation" class="active">
        <a data-target="#tab1-${RANDOM}" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
          <i class="ion ion-android-star"></i>
          <span>IOS</span>
        </a>
      </li>
      <li role="presentation" class="">
        <a data-target="#tab2-${RANDOM}" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
          <i class="ion ion-android-star"></i>
          <span>Android</span>
        </a>
      </li>
    </ul>

    <div class="tab-content">
      <div role="tabpanel" class="tab-pane active" id="tab1-${RANDOM}">
        <div data-container="true" data-replace="true">
        </div>
      </div>
      <div role="tabpanel" class="tab-pane" id="tab2-${RANDOM}">
        <div data-container="true" data-replace="true">
        </div>
      </div>
    </div>
  </div>
</div>