ExIconTabBar

<VBox class="sapUiMediumMargin" width="100%">
  <ux7:ExIconTabBar variant="pill" size="md" showAddButton="true" selectedKey="t1" tabClose=".onTabClose" addRequested=".onAddTab">
    <ux7:ExIconTabBarItem key="t1" text="Yeni Sipariş" icon="sap-icon://sales-order" closable="true" badge="3" />
    <ux7:ExIconTabBarItem key="t2" text="Müşteriler" icon="sap-icon://group" closable="true" count="142" />
    <ux7:ExIconTabBarItem key="t3" text="Yüklüyor…" icon="sap-icon://document" closable="true" loading="true" />
  </ux7:ExIconTabBar>

  <!-- Eyebrow + design renkleri -->
  <ux7:ExIconTabBar variant="underline" size="lg" selectedKey="o1">
    <ux7:ExIconTabBarItem key="o1" eyebrow="SATIŞ" text="Bu Haftdsrfigmad,fşkartg,adfokjzdfja" design="success" />
    <ux7:ExIconTabBarItem key="o2" eyebrow="ÜRETİM" text="Bekleyen" design="warning" count="7" />
    <ux7:ExIconTabBarItem key="o3" eyebrow="HATA" text="Critical" design="error" badge="!" />
  </ux7:ExIconTabBar>
  <!-- Variant: pill -->
  <ux7:ExTitle text="Variant: pill (default)" level="h3" variant="section" />
  <ux7:ExIconTabBar id="itbPill" variant="pill" size="md" selectedKey="home">
    <ux7:ExIconTabBarItem key="home" text="Ana Sayfa" icon="sap-icon://home" />
    <ux7:ExIconTabBarItem key="orders" text="Siparişler" icon="sap-icon://sales-order" count="12" />
    <ux7:ExIconTabBarItem key="users" text="Kullanıcılar" icon="sap-icon://group" />
    <ux7:ExIconTabBarItem key="settings" text="Ayarlar" icon="sap-icon://settings" />
  </ux7:ExIconTabBar>

  <!-- Variant: underline -->
  <ux7:ExTitle text="Variant: underline" level="h3" variant="section" />
  <ux7:ExIconTabBar id="itbUnderline" variant="underline" size="md" selectedKey="tab1">
    <ux7:ExIconTabBarItem key="tab1" text="Genel Bakış" icon="sap-icon://overview-chart" />
    <ux7:ExIconTabBarItem key="tab2" text="Raporlar" icon="sap-icon://bar-chart" count="3" />
    <ux7:ExIconTabBarItem key="tab3" text="Belgeler" icon="sap-icon://attachment" />
    <ux7:ExIconTabBarItem key="tab4" text="Devre Dışı" icon="sap-icon://cancel" enabled="false" />
  </ux7:ExIconTabBar>

  <!-- Variant: card -->
  <ux7:ExTitle text="Variant: card" level="h3" variant="section" />
  <ux7:ExIconTabBar id="itbCard" variant="card" size="md" selectedKey="c1">
    <ux7:ExIconTabBarItem key="c1" text="Ürünler" icon="sap-icon://product" design="default" />
    <ux7:ExIconTabBarItem key="c2" text="Kategoriler" icon="sap-icon://menu" design="success" />
    <ux7:ExIconTabBarItem key="c3" text="Stok" icon="sap-icon://inventory" design="warning" />
  </ux7:ExIconTabBar>

  <!-- Variant: solid -->
  <ux7:ExTitle text="Variant: solid" level="h3" variant="section" />
  <ux7:ExIconTabBar id="itbSolid" variant="solid" size="lg" selectedKey="s1">
    <ux7:ExIconTabBarItem key="s1" text="Büyük Tab 1" icon="sap-icon://home" />
    <ux7:ExIconTabBarItem key="s2" text="Büyük Tab 2" icon="sap-icon://bell" count="99" />
    <ux7:ExIconTabBarItem key="s3" text="Büyük Tab 3" icon="sap-icon://edit" />
  </ux7:ExIconTabBar>

  <!-- Size variants -->
  <ux7:ExTitle text="Size: sm / md / lg" level="h3" variant="section" />
  <ux7:ExIconTabBar id="itbSm" variant="pill" size="sm" selectedKey="s1">
    <ux7:ExIconTabBarItem key="s1" text="Küçük" icon="sap-icon://home" />
    <ux7:ExIconTabBarItem key="s2" text="Tab 2" icon="sap-icon://bell" />
  </ux7:ExIconTabBar>

</VBox>