BetaCodophile is currently in active development. Features may change rapidly! 🚀
Codophile LogoCodophile
Back to Tailwind

Tailwind Buttons

Design Tailwind buttons using utility classes.

Content

Background Color

600

Text Color

Size & Shape

Tailwind HTML
<button class="bg-blue-600 text-white px-4 py-2 rounded-lg shadow-none transition-colors duration-200 hover:bg-blue-700 hover:text-white font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600">
  Button
</button>