Build Instagram login page with Next.js and TailwindCSS Part 4— Create floating label
Use the tailwindCSS extend
In this article, we are going to add a floating label, so when user click on the input field, it just like the placeholder become the label.
Here we will also use the tailwind config to extend the theme. You will see even we use
text-xs , the text is still not small enough to work as label. So we have to create our own classname.