From e1c6479616c6f20b9c0d74873a7a15eb823df4fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niccol=C3=B2=20Cant=C3=B9?= Date: Mon, 4 Aug 2025 09:07:09 +0200 Subject: [PATCH] documentation for tailwind@4 and daisyui@5 --- packages/daisyui/README.md | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/packages/daisyui/README.md b/packages/daisyui/README.md index fb19d49d6c..7ed2e2f6ff 100644 --- a/packages/daisyui/README.md +++ b/packages/daisyui/README.md @@ -75,22 +75,16 @@ For dynamic theme switching, you can change the data-theme attribute in your app ## Tailwind Configuration -Make sure your `tailwind.config.js` includes the DaisyUI plugin: - -```js -/** @type {import('tailwindcss').Config} */ -module.exports = { - content: ['./src/**/*.{js,jsx,ts,tsx}'], - theme: { - extend: {}, - }, - plugins: [require('daisyui')], - daisyui: { - themes: true, - }, -}; -``` +Make sure your `src/index.css` includes the DaisyUI plugin: +```css +@import 'tailwindcss'; +@source "../node_modules/@rjsf/daisyui"; +@plugin "daisyui" { + themes: all; +} +``` +It's necessary to explicitely include the library as a source, as tailwindcss by [default](https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources) ignores everything in `.gitignore` ## Customization ### Grid Layout