this repo has no description
Create LoginForm component
+31
-3
+1
-1
app/page.tsx
+1
-1
app/page.tsx
+30
-2
components/LoginForm.tsx
+30
-2
components/LoginForm.tsx
···
1
+
"use client";
2
+
3
+
import { useState } from "react";
4
+
1
5
const LoginForm = () => {
6
+
const [handle, setHandle] = useState("");
2
7
3
-
}
8
+
return (
9
+
<form className="bg-amber-100 flex flex-col h-fit items-center justify-center p-4 rounded-2xl w-1/3">
10
+
<div className="flex flex-col p-4 rounded-2xl w-full">
11
+
<label
12
+
className="text-emerald-900"
13
+
htmlFor="handle"
14
+
>
15
+
Handle
16
+
</label>
17
+
<input
18
+
className="bg-emerald-900 px-4 py-2 rounded-lg"
19
+
id="handle"
20
+
onChange={(event) => setHandle(event.currentTarget.value)}
21
+
placeholder="alice.blacksky.app"
22
+
type="text"
23
+
value={handle}
24
+
/>
25
+
</div>
26
+
<button className="bg-emerald-900 px-4 py-2 rounded-lg">
27
+
Log into the Atmosphere
28
+
</button>
29
+
</form>
30
+
);
31
+
};
4
32
5
-
export default LoginForm;
33
+
export default LoginForm;