Skip to content

Conversation

@pierry01
Copy link
Contributor

@pierry01 pierry01 commented May 7, 2025

Based on these articles from
developer.mozilla.org | kittygiraudel.com | dhiwise.com | a11y-101.com | dev.to

It's necessary to provide the support for users who want to use aria-disabled instead of disable

Comment on lines +17 to +18
"has-checked:bg-primary",
"has-disabled:cursor-not-allowed has-disabled:opacity-50",
Copy link
Contributor Author

@pierry01 pierry01 May 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@stephannv @cirdes

the old syntax is (Tailwind v3)

has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50 bg-input has-[:checked]:bg-primary

the new syntax is (Tailwind v4)

has-disabled:cursor-not-allowed has-disabled:opacity-50 bg-input has-checked:bg-primary

should I use the old or the new syntax?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pierry01 , we should be using the new syntax.

@cirdes cirdes merged commit fc71cf8 into ruby-ui:main May 7, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants