<twigwind> Tag

The <twigwind> tag is a powerful tool to create reusable styles and layouts without rewriting Twigwind CSS.

Usage

<twigwind style="display: none">
      .card {
        bg-white
        shadow-md
        rounded-lg
        p-6
      }
</twigwind>

In this example, we define a reusable .card class with various Twigwind utility classes. You can then apply the .card class to any HTML element to apply these styles.

Example

<div class="card">
  <h2 class="text-xl font-bold mb-4">Card Title</h2>
  <p class="text-gray-700">This is a sample card using the .card class defined in the <twigwind> tag.</p>
</div>

This will render a styled card with a title and paragraph using the styles defined in the <twigwind> tag.