Closed Hann1bal closed 6 months ago
Sory, i found the error. first i modify
tailwind config like that
export default {
content: [
'./src/**/*.{js,jsx,ts,tsx}',
'node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}',
],
theme: {
extend: {},
},
plugins: [
// ...
require('flowbite/plugin'),
],
};
Make tailwind cli css file from instruction on official tailwind docs
Do not use cdn.tailwind in code because it broken some lib logic.
Steps to reproduce
<DarkThemeToggle iconLight={FaRegMoon} iconDark={IoSunny}/> to the navbar.
Current behavior
-at the light mode and -at the dark mode.
Expected behavior
- dark - light
I think the svg needs to change the value of the dark: parameter because adding hidden before dark: has no effect and doesn't change the currently active svg. After playing around with the code I came to the conclusion that changing dark:hidden to dark:block changes the icon.
Context
browser chrome last release version node version >18 packages: