Web Components Library

Banner

No notes defined.

  • Handle: @tw-examples-banner
  • Preview:
  • Filesystem Path: components/10-other-examples/tailwind-examples/alerts/07-banner.hbs 
<div class="p-4 sm:p-12 max-w-3xl mx-auto">

    <div class="bg-blue-100 border-t border-b border-blue-500 text-blue-700 px-4 py-3" role="alert">
        <p class="font-bold">Informational message</p>
        <p class="text-sm">Some additional text to explain said message.</p>
    </div>

</div>
 
<div class="p-4 sm:p-12 max-w-3xl mx-auto">

  <div class="bg-blue-100 border-t border-b border-blue-500 text-blue-700 px-4 py-3" role="alert">
    <p class="font-bold">Informational message</p>
    <p class="text-sm">Some additional text to explain said message.</p>
  </div>

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