Pro Components

Base Components

Login Page 4

Login form with email and password, Remember me checkbox, Google/Facebook/GitHub, forgot password and signup links.

Example

blakeUI logo

Login

Need an account?

Sign up

Introduction

Login Page 4 includes credentials and optional social login:
  • Logo and title: Optional logo; configurable “Log in” heading.
  • Email + password: Labeled inputs.
  • Remember me: Checkbox and “Forgot password?” link.
  • Log in: Primary submit button.
  • OR + social: Optional Google, Facebook, and/or GitHub buttons (only shown if callbacks are passed).
  • Sign up: Link at the bottom.
Uses Button, Input, and Checkbox.

Usage

import { Login4 } from "@/components/ui/login-4";

<Login4
  title="Log in"
  onGoogle={() => {}}
  onFacebook={() => {}}
  onGitHub={() => {}}
  onSubmit={(email, password, rememberMe) => {}}
  signUpHref="/signup"
  forgotPasswordHref="/forgot-password"
/>;

On this page

ExampleIntroductionInstallationUsage