Web Components Library

Simple

No notes defined.

  • Handle: @tw-nav-simple
  • Preview:
  • Filesystem Path: components/10-other-examples/tailwind-examples/navigation/01-simple.hbs 
<ul class="flex p-3">
    <li class="mr-6">
        <a class="text-blue-500 hover:text-blue-800" href="#">Active</a>
    </li>
    <li class="mr-6">
        <a class="text-blue-500 hover:text-blue-800" href="#">Link</a>
    </li>
    <li class="mr-6">
        <a class="text-blue-500 hover:text-blue-800" href="#">Link</a>
    </li>
    <li class="mr-6">
        <a class="text-gray-400 cursor-not-allowed" href="#">Disabled</a>
    </li>
</ul>
 
<ul class="flex p-3">
  <li class="mr-6">
    <a class="text-blue-500 hover:text-blue-800" href="#">Active</a>
  </li>
  <li class="mr-6">
    <a class="text-blue-500 hover:text-blue-800" href="#">Link</a>
  </li>
  <li class="mr-6">
    <a class="text-blue-500 hover:text-blue-800" href="#">Link</a>
  </li>
  <li class="mr-6">
    <a class="text-gray-400 cursor-not-allowed" href="#">Disabled</a>
  </li>
</ul>
 
/* No context defined. */