You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I noticed on the example labeled as Theme Controller using a swap has a typo in the HTML example. It currently says
<labelclass="swap swap-rotate"><!-- this hidden checkbox controls the state --><inputtype="checkbox" class="theme-controller" value="synthwave" /><!-- sun icon --><svgclass="swap-on fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><pathd="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"/></svg><!-- moon icon --><svgclass="swap-off fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><pathd="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"/></svg></label>
The issue is with the SVG classes where it has "swap-on" for sun and "swap-off" for moon. I am finding that these values are actually swapped and the sun should have "swap-off" and the moon should have "swap-on". I confirmed this is true by checking the HTML behind the example to find it does not follow the documentation.
This little issue was driving me a little crazy because I thought the markup was correct to work from. I did not get a chance to check the other examples in case the same thing is happening.
What browsers are you seeing the problem on?
Chrome
The text was updated successfully, but these errors were encountered:
Thank you @SageChaozu
for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I
find a solution.
In the meantime providing more details and reproduction links would be
helpful.
On which page do you see this issue?
https://daisyui.com/components/theme-controller/
Describe the issue
I noticed on the example labeled as Theme Controller using a swap has a typo in the HTML example. It currently says
The issue is with the SVG classes where it has "swap-on" for sun and "swap-off" for moon. I am finding that these values are actually swapped and the sun should have "swap-off" and the moon should have "swap-on". I confirmed this is true by checking the HTML behind the example to find it does not follow the documentation.
This little issue was driving me a little crazy because I thought the markup was correct to work from. I did not get a chance to check the other examples in case the same thing is happening.
What browsers are you seeing the problem on?
Chrome
The text was updated successfully, but these errors were encountered: