import React, { useState } from "react"; const Login = () => { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const handleLogin = (e: React.FormEvent) => { e.preventDefault(); // Handle login logic here, e.g., API call console.log("Login submitted", { email, password }); alert(`Logging in with:\nEmail: ${email}\nPassword: ${password}`); }; const handleRegister = () => { // Handle registration logic here, e.g., redirect to a register page console.log("Register button clicked"); alert("Redirecting to registration page..."); }; return (

Login

Enter your credentials to access your account.

Email setEmail(e.target.value)} required className="w-full px-3 py-2 bg-white dark:bg-neutral-700 border border-gray-300 dark:border-neutral-600 rounded-md text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:border-transparent shadow-sm" />

Password setPassword(e.target.value)} required className="w-full px-3 py-2 bg-white dark:bg-neutral-700 border border-gray-300 dark:border-neutral-600 rounded-md text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:border-transparent shadow-sm" />

); }; export default Login;

Login Form

Login

Copy the Code

Paste & Customize

Test Responsively

Login