Billing

Example
Billing

import React, { useState } from "react";
import {
  Container,
  Row,
  Col,
  Form,
  FormGroup,
  Label,
  Input,
  Button,
} from "slipstream-ui";

export function LoginView() {
  const [state, setState] = useState({
    email: "",
    password: "",
  });

  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">Login</h1>
          <Form onSubmit={_handleSubmit}>
            <FormGroup>
              <Label htmlFor="form-email">Email</Label>
              <Input
                id="form-email"
                type="email"
                name="email"
                value={state.email}
                onChange={_handleChange}
              />
            </FormGroup>
            <FormGroup>
              <Label htmlFor="form-password">Password</Label>
              <Input
                id="form-password"
                type="password"
                name="password"
                value={state.password}
                onChange={_handleChange}
              />
            </FormGroup>
            <FormGroup>
              <Button type="submit" block>
                Submit
              </Button>
            </FormGroup>
            <ul className="flex justify-between mt-2">
              <li>
                <a>❮ Register</a>
              </li>
              <li>
                <a>Forgot Password ❯</a>
              </li>
            </ul>
          </Form>
        </Col>
      </Row>
    </Container>
  );
}

export default LoginView;