Web Components Library

Bordered

No notes defined.

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

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

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

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

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