What do you actually install?
In the main setup, add the daisyUI package and register it as a plugin in your Tailwind stylesheet. The project also documents prebuilt CSS and a setup for UnoCSS that uses an unofficial community preset. Some components or class names may not work with that preset. Check the ones your app needs in a small test project before choosing it.
A component class styles the markup you supply. A button can look like a primary action before your app has connected it to a real task.
What changes when you switch a theme?
A theme supplies values used by the component styles, such as the main action color. Check the theme on the actual button, status and focus indicator. The look can change while the action and its label stay the same.
Test any interactive component with the keyboard and in the states your app needs. The core library is MIT-licensed. Check separately before using paid templates or outside assets.
How can you plan a button in two themes?
Draw a fictional invoice with a download button. Use no packages, hosted stylesheet or real record.
- Mark the roleWrite Download invoice on the button and mark it as the main action. Label where the color would come from.
- Draw the second themeKeep the words and action the same. Mark where you will check text contrast and keyboard focus in both themes.