Link

<div class="flex flex-wrap gap-4">
  <a href="#" class="kt-link">Example link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="kt-link kt-link-underline">Example underline link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="kt-link kt-link-underlined">Example underlined link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="kt-link kt-link-underlined kt-link-dashed"
    >Example dashed link</a
  >
</div>

<div class="flex flex-wrap gap-4 bg-mono rounded-md">
  <div class="p-5">
    <a href="#" class="kt-link kt-link-underlined kt-link-inverse"
      >Example inverse link</a
    >
  </div>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="kt-link kt-link-underlined kt-link-mono"
    >Example mono link</a
  >
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="kt-link kt-link-underlined kt-link-disabled"
    >Example disabled link</a
  >
</div>

<div class="inline-flex flex-col items-start flex-wrap gap-4">
  <a href="#" class="kt-link kt-link-underlined kt-link-sm">Small link</a
  ><a href="#" class="kt-link kt-link-underlined">Default link</a
  ><a href="#" class="kt-link kt-link-underlined kt-link-lg">Large link</a>
</div>