Pro Components

Base Components

Login Page 3

Compact login form with email and password, sign-in and Google buttons, sign-up and forgot password links.

Example

OR

Need an account?

Sign up

Introduction

Login Page 3 is a compact auth block:
  • Logo and copy: Optional logo; “Sign in” and short description.
  • Google: “Sign in with Google” then OR divider.
  • Email + password: Labeled fields and “Sign in” button.
  • Links: Forgot password and “No account? Sign up” below.
Uses Button and Input.

Usage

import { Login6 } from "@/components/ui/login-6";

<Login6
  onGoogle={() => {}}
  onSubmit={(email, password) => {}}
  signUpHref="/signup"
  forgotPasswordHref="/forgot-password"
/>;

On this page

ExampleIntroductionInstallationUsage