Plugin is not working accordingly about tailwind-float-label HOT 3 CLOSED

No worries.
There is no animation in this plugin, but you can add your custom style to label.

// tailwind.config.js
module.exports = {
	// ...
    plugins: [
        require('tailwind-float-label')({
            label: {
                // Plugin defaults
                ['@apply leading-none text-xs px-1']: '',
                top: 0,
                left: '0.25rem',
			    // Animation
                // transition: 'all 250ms', // option 1
                ['@apply transition-transform']: '', // option 2
            },
        }),
    ],
};

Also, you can check similar project and resources sections, there are some examples with animation.

from tailwind-float-label.

@juliovedovatto when it was working for you (which version)?
I've checked latest v1, v2 and it behavior is the same.

Label rises up when placeholder disappears - when you start typing, not when field get focus.

from tailwind-float-label.

@unlight The example page is little confusing, I think I misinterpreted it 😅

Does your plugin have animations when a user interacts with the field? I was expecting some form of animation when user
focus the field or starts typing.

BTW, I'm using Tailwind 3

PS: When I visited the demo, the lack of styles mades me believe that something went wrong while loading page and only basic CSS was loaded. My apologies

from tailwind-float-label.