@rjsf/daisyui 6.0.0-beta.8 → 6.0.0

package/README.md

@@ -12,8 +12,7 @@ This package integrates [DaisyUI](https://daisyui.com/), [Tailwind CSS](https://
 
 ## Screenshots
 
-![DaisyUI Form Example 1](daisy-screenshot1.png)
-![DaisyUI Form Example 2](daisy-screenshot2.png)
+[<img src="./screenshot.png" alt="product-screenshot" width="800" />](https://rjsf-team.github.io/@rjsf/daisyui)
 
 ## Features
 
@@ -31,10 +30,21 @@ This package integrates [DaisyUI](https://daisyui.com/), [Tailwind CSS](https://
 - Support for custom themes via DaisyUI's theme system
 - Accessible form components following WAI-ARIA practices
 
-## Installation
+## Getting Started
+
+### Prerequisites
+
+- `daisyui >= 5`
+- `@fluentui/react-icons >= 2`
+- `@fluentui/react-migration-v0-v9 >= 9`
+- `@rjsf/core >= 6`
+- `@rjsf/utils >= 6`
+- `@rjsf/validator-ajv8 >= 6`
+
+### Installation
 
 ```bash
-npm install @rjsf/daisyui @rjsf/core @rjsf/utils tailwindcss daisyui
+npm install @rjsf/daisyui @rjsf/core @rjsf/utils @rjsf/validator-ajv8 tailwindcss daisyui
 ```
 
 ## Usage
@@ -64,22 +74,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:
+Make sure your `src/index.css` 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,
-  },
-};
+```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