Post

Little Tailwind tip — instead of trying merge classes and manage conflicts with `!important`, style things based on data or ARIA attributes and just handle everything declaratively with CSS:

He does say "data or ARIA attributes". ARIA is more for accessibility so I don't put state there.

`aria-checked`, `aria-disabled`, `aria-expanded`, `aria-hidden`, `aria-invalid`, `aria-pressed`, `aria-selected` carry state information. If you use them, then adding `data-*` is redundant.