Web Components Library

Elevated

No notes defined.

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

    <button class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow">
        Button
    </button>

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

  <button class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow">
    Button
  </button>

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