Closed zirbest closed 1 year ago
Isn't this totally different in that data-checked
is a native html attribute whereas data="checked"
is a custom attribute? I assume this is an intentional choice to do it this way.
data=
is not a valid HTML data-attribute. radix use data-state=
which is valid, but hold only a single value. Headless UI put all the values in the same data-headlessui-state
attribute but it will require to rewrite how the attributes are set in all components.
It's lot of refactoring :100:
data-state='hover checked'
I will close this issue :+1:
Can i make a PR(@kobalte/tailwindcss) to use the same API used in headless-ui and radix-ui ?
change
attribute selector
from:to: