ExLabel

<VBox class="sapUiMediumMargin" width="100%">

  <!-- Variant -->
  <ux7:ExTitle text="Variant" level="h3" variant="section" />
  <FlexBox wrap="Wrap" class="sapUiSmallMarginBottom">
    <ux7:ExLabel text="Default" variant="default" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Primary" variant="primary" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Success" variant="success" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Warning" variant="warning" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Danger" variant="danger" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Info" variant="info" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Neutral" variant="neutral" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Pill" variant="pill" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Outline" variant="outline" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Ghost" variant="ghost" />
  </FlexBox>

  <!-- Size -->
  <ux7:ExTitle text="Size" level="h3" variant="section" />
  <FlexBox wrap="Wrap" class="sapUiSmallMarginBottom">
    <ux7:ExLabel text="Small (sm)" variant="primary" size="sm" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Medium (md)" variant="primary" size="md" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Large (lg)" variant="primary" size="lg" />
  </FlexBox>

  <!-- Icon + Dot -->
  <ux7:ExTitle text="Icon + Dot" level="h3" variant="section" />
  <FlexBox wrap="Wrap" class="sapUiSmallMarginBottom">
    <ux7:ExLabel text="Favoriler" icon="sap-icon://favorite" variant="warning" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Onaylandı" icon="sap-icon://accept" variant="success" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Çevrimiçi" dot="true" dotColor="#16a34a" variant="success" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Meşgul" dot="true" dotColor="#d97706" variant="warning" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Çevrimdışı" dot="true" dotColor="#6b7280" variant="neutral" />
  </FlexBox>

  <!-- Closable -->
  <ux7:ExTitle text="Closable" level="h3" variant="section" />
  <FlexBox wrap="Wrap" class="sapUiSmallMarginBottom">
    <ux7:ExLabel text="Kapatılabilir A" variant="primary" closable="true" class="sapUiSmallMarginEnd" close="onLabelClose" />
    <ux7:ExLabel text="Kapatılabilir B" variant="danger" closable="true" close="onLabelClose" />
  </FlexBox>

  <!-- Uppercase + FontFamily -->
  <ux7:ExTitle text="Uppercase + Font Family" level="h3" variant="section" />
  <FlexBox wrap="Wrap">
    <ux7:ExLabel text="Büyük Harf" variant="info" uppercase="true" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Inter Font" variant="primary" fontFamily="inter" class="sapUiSmallMarginEnd" />
    <ux7:ExLabel text="Mono Font" variant="neutral" fontFamily="mono" fontSize="13px" />
  </FlexBox>

</VBox>