Giter Club home page Giter Club logo

Comments (6)

leesmith avatar leesmith commented on August 15, 2024 2

Are you using purge in your tailwind config? If so, disable it temporarily and try it again. This is the issue I'm having anyway.

from tailwindcss-forms.

websolutely avatar websolutely commented on August 15, 2024 1

What I found out:
my app.css does not change running npm dev or prod with or without using require('@tailwindcss/forms') in the tailwind.config.js file. Removing the purge part also does not have an effect.

So to solve this, because I really need this quickly, I copied

https://tailwindcss-forms.vercel.app/dist/forms.css

to my resources/css/dist folder and imported it in the resurces/app.css:

@import 'dist/forms.css';

But this did not work either. So I removed the default color in 109 (There are more colors. but this is the checkbox color I need and it should work with all the other colors, too). NOW I can add text-red-500 to the checkbox and itΒ΄s changing the color. This works with dev, prod AND purge and so far I have a working tw2/forms solution.

I know that it is not a good workaround, but after some hours I was desperate. Would be great, if someone could fix this, so we can use it correctly - or tell us, what we are missing here.

from tailwindcss-forms.

jeroenvanrensen avatar jeroenvanrensen commented on August 15, 2024

@leesmith I did but removed it, however, it still does to work. This is my complete tailwind.config.js file:

module.exports = {
    purge: [],
    darkMode: false,
    theme: {
        extend: {}
    },
    variants: {
      extend: {}
    },
    plugins: [
        require('@tailwindcss/forms'),
    ]
}

from tailwindcss-forms.

RobinMalfait avatar RobinMalfait commented on August 15, 2024

Hey! Thank you for your bug report!
Much appreciated! πŸ™

Can you try and reproduce it on https://play.tailwindcss.com and share it?

Here is an example: https://play.tailwindcss.com/4UAxn4jVPR
The source of our demo (https://tailwindcss-forms.vercel.app) can be found here: https://github.com/tailwindlabs/tailwindcss-forms/blob/master/index.html

from tailwindcss-forms.

jeroenvanrensen avatar jeroenvanrensen commented on August 15, 2024

@RobinMalfait I'm really confused now, I tried but in the playground it does work

from tailwindcss-forms.

jeroenvanrensen avatar jeroenvanrensen commented on August 15, 2024

I found it! Yet another stupid fault of mine... I forgot to update the assets on the main Laravel installation because I'm creating a Laravel package. However, thanks for your help!

from tailwindcss-forms.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.