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

Javascript library for CronApp's projects

<div class="crn-ion-segment icon-theme-light-positive crn-ion-segment-classic" theme-ion-segment="crn-ion-segment-classic" icon-theme-light="icon-theme-light-positive">
  <ul class="nav nav-tabs font-size-200 tabs-template-full active- icon-orientation-left active--blue active- background-positive active-background-positive ion-segment-light" role="tablist" icon-size="font-size-200" tabs-template="tabs-template-full" background-color="background-positive" background-color-active="active-background-positive" icon-theme="ion-segment-light" 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>