• @qwik-ui/[email protected]

✨ Qwik UI has now fully migrated and updated the global.css config and components to use tailwind v4. You can copy/paste the components into your project(s) or use the CLI. (by @maiieul in #1122)

Migration guide:

• Make sure to commit any changes before you start the steps below
• Run the npx @tailwindcss/upgrade script and let it do most of the work for you
• Remove your tailwind.config.cjs and postcss.config.cjs
• install the @tailwindcss/vite package and pass it to your vite.config plugins array
• Copy paste the new css config base tokens, or use the qwik-ui init to get them, and adapt them to your project
• If you are in a monorepo, make sure to @source “../../../path/to/your/components“;
• Add "w-full" to Modal PanelVariants position.top and position.bottom; add "m-auto" to position.center
• If you didn't modify some components, you can re-copy/paste (or re-install them with the cli) for their most up to date version

✨ Qwik UI has now fully migrated and updated the global.css config and components to use tailwind v4. You can copy/paste the components into your project(s) or use the CLI. (by @maiieul in #1122)

Migration guide:

• Make sure to commit any changes before you start the steps below
• Run the npx @tailwindcss/upgrade script and let it do most of the work for you
• Remove your tailwind.config.cjs and postcss.config.cjs
• install the @tailwindcss/vite package and pass it to your vite.config plugins array
• Copy paste the new css config base tokens, or use the qwik-ui init to get them, and adapt them to your project
• If you are in a monorepo, make sure to @source “../../../path/to/your/components“;
• Add "w-full" to Modal PanelVariants position.top and position.bottom; add "m-auto" to position.center
• If you didn't modify some components, you can re-copy/paste (or re-install them with the cli) for their most up to date version