Skip to main content

Forgot Password

Example

Forgot Password

import React, { useState } from "react";
import {
Container,
Row,
Col,
Form,
FormGroup,
Label,
Input,
Button,
} from "slipstream-ui";
export function Forgot PasswordView() {
const [state, setState] = useState({
email: "",
});
function _handleChange(e) {
setState({ ...state, [e.target.name]: e.target.value });
}
function _handleSubmit(e) {
e.preventDefault();
}
return (
<Container size="md">
<Row>
<Col>
<h1 className="mb-4">Forgot Password</h1>
<Form
onSubmit={(e) => {
e.preventDefault();
alert("Form submitted!");
}}
>
<FormGroup>
<Label htmlFor="form-email" required>Email</Label>
<Input id="form-email" type="text" name="email" required />
</FormGroup>
<FormGroup>
<Button type="submit" block>Submit</Button>
</FormGroup>
<ul className="flex justify-between mt-2">
<li>
<a>❮ Login</a>
</li>
</ul>
</Form>
</Col>
</Row>
</Container>
);
}
export default Forgot PasswordView;