Hidden Gems of Tailwind CSS

This article published first on Rails Designer (view the original article for the some HTML previews).

I wanted to list some of the lesser known or obscure features, for future me, but most importantly for you to squeeze even more out of all that Tailwind CSS offers.

Change radio/checkbox colors

Use the accent-* utilities to change the color of a checkbox or radio button.

<label>
  <input type="checkbox" checked> Default
</label>
<label class="ml-3">
  <input type="checkbox" class="accent-pink-600" checked> The sky is …

accent article change colors css design designer features future hidden html list radio rails tailwindcss utilities view webdev