Add floating label for input fields With Tailwind CSS and React
Floating label Field with Tailwindcss
This is a react component input with floating lable style
Usage
import { useState } from "react";
import Input from "./component/input";
const App = () => {
const [email, setEmail] = useState("");
return (
<form className="pt-5">
<Input
label="Email"
name="email"
type="email"
value={email}
onChange={(v) => setEmail(v.target.value)}
/>
</form>
)
}
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.
Support
This project needs a ⭐️ from you. Don’t forget to leave a star ⭐️