ExText

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

  <ux7:ExTitle text="Variants" level="h3" variant="section" />
  <ux7:ExText text="Body text example" variant="body" />
  <ux7:ExText text="Lead text example" variant="lead" />
  <ux7:ExText text="Small text example" variant="small" />
  <ux7:ExText text="Caption text example" variant="caption" />
  <ux7:ExText text="Code text example" variant="code" />

  <ux7:ExTitle text="Alignment &amp; Color" level="h3" variant="section" />
  <ux7:ExText text="Centered primary text" align="center" color="primary" weight="bold" />
  <ux7:ExText text="Right aligned muted text" align="right" color="muted" />
  <ux7:ExText text="Warning with italic" color="warning" italic="true" />
  <ux7:ExText text="Success with underline" color="success" decoration="underline" />

  <ux7:ExTitle text="Typography" level="h3" variant="section" />
  <ux7:ExText text="Inter 18px Semibold" fontFamily="inter" fontSize="18px" weight="semibold" />
  <ux7:ExText text="Mono 14px" fontFamily="mono" fontSize="14px" />
  <ux7:ExText text="Playfair Display" fontFamily="playfair" fontSize="20px" />

  <ux7:ExTitle text="Wrapping / Max Lines" level="h3" variant="section" />
  <ux7:ExText text="Bu uzun metin 2 satırdan sonra kesilecek şekilde örneklendi. UI tarafında yazı taşmasını test etmek için kullanılabilir." maxLines="2" />
  <ux7:ExText text="Bu uzun metin normalde sarılır ve container genişliğine göre yeni satıra geçer." wrap="true" />

</VBox>