Web Components Library

Outline

No notes defined.

  • Handle: @tw-button-outline
  • Preview:
  • Filesystem Path: components/10-other-examples/tailwind-examples/buttons/03-outline.hbs 
<div class="p-4 sm:p-12 mx-auto text-center">

    <button class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">
        Button
    </button>

</div>
 
<div class="p-4 sm:p-12 mx-auto text-center">

  <button class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">
    Button
  </button>

</div>
 
/* No context defined. */