"Gotcha" - The `disabled` HTML Attribute is Key

This example highlights that Tailwind's `disabled:` classes only work if the HTML element has the `disabled` attribute.

Button Styling Attempts:

1. Tailwind `disabled:` classes WITHOUT `disabled` HTML attribute:

Note: This button might look normal but the `disabled:` styles are not active. It is still clickable and hover effects work as if it's enabled.

2. Tailwind `disabled:` classes WITH `disabled` HTML attribute (Correct Way):

Note: This button correctly appears disabled (faded, not-allowed cursor) because it has both the Tailwind classes and the `disabled` HTML attribute.