flowbite icon indicating copy to clipboard operation
flowbite copied to clipboard

Remix Installation Documentation Not Working

Open Odinvt opened this issue 8 months ago • 4 comments

Describe the bug By configuring tailwind content like this :

module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./node_modules/flowbite-react/**/*.js"
  ],
  plugins: [
    // other plugins...
    require("flowbite/plugin")
  ],
  theme: {},
};

Flowbite doesn't work unless you do this instead :

import type { Config } from 'tailwindcss'

export default {
  content: [
    './app/**/*.{js,jsx,ts,tsx}',
    "./node_modules/flowbite-react/**/*.{js,cjs}",
  ],
  theme: {
    extend: {},
  },
  plugins: [
    require("flowbite/plugin"),
  ],
} satisfies Config

To Reproduce Steps to reproduce the behavior:

  1. Follow the Flowbite Remix installation docs.

Expected behavior Flowbite examples should work out of the box.

Versions:

  • "flowbite": "2.3.0"
  • "flowbite-react": "0.9.0"
  • NodeJS v22.2.0 x64

Odinvt avatar Jun 12 '24 09:06 Odinvt