39 lines
896 B
TypeScript
39 lines
896 B
TypeScript
import {
|
|
Button,
|
|
Input,
|
|
Checkbox,
|
|
Header,
|
|
SpaceBetween,
|
|
} from "@cloudscape-design/components";
|
|
import { useState } from "react";
|
|
|
|
export const Login = () => {
|
|
const [userName, setUserName] = useState("");
|
|
const [password, setPassword] = useState("");
|
|
const [rememberMe, setRememberMe] = useState(false);
|
|
|
|
return (
|
|
<SpaceBetween size="s" alignItems={"center"}>
|
|
<Header>Login</Header>
|
|
<Input
|
|
value={userName}
|
|
onChange={(e) => setUserName(e.detail.value)}
|
|
placeholder="User"
|
|
/>
|
|
<Input
|
|
type="password"
|
|
value={password}
|
|
onChange={(e) => setPassword(e.detail.value)}
|
|
placeholder="Password"
|
|
/>
|
|
<Checkbox
|
|
checked={rememberMe}
|
|
onChange={() => setRememberMe(!rememberMe)}
|
|
>
|
|
Remember me
|
|
</Checkbox>
|
|
<Button>Login</Button>
|
|
</SpaceBetween>
|
|
);
|
|
};
|