Как на tailwind написать ссылку имеющую классы кнопки и иконку

Для того чтобы создать ссылку с классами кнопки и иконкой в Tailwind, можно комбинировать классы для кнопки и иконки. Пример ниже:

<a href="#" class="inline-flex items-center px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
  <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
    <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14M12 5l7 7-7 7"></path>
  </svg>
  Перейти
</a>

Здесь:

• inline-flex — для размещения элементов на одной строке.
• items-center — вертикальное выравнивание содержимого по центру.
• px-4 py-2 — отступы внутри кнопки.
• bg-blue-500 и hover:bg-blue-600 — фон и эффект наведения.
• text-white — белый цвет текста.
• rounded — скругленные углы.
• mr-2 — отступ справа для иконки.
• Внутри тега <svg> — иконка (в данном примере стрелка).

Этот код создаст кнопку-ссылку с иконкой и текстом.