build69 / Components / Auth / Login

Login

v1.0.15Updated 27 Aug 2026

Sign-in page with email/password, SSO buttons and "forgot password" link. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).

View source ← Back to catalog

Preview

Live · 16 stories

CenteredOpen ↗

▸Why this is recommendedloginsign-inauthauthentication+2

Recommended for+14

✓Auth flows
✓App entry pages
✓Public sign-in
✓Internal / enterprise sign-in with no SSO or self-registration

Tags+6

loginsign-inauthauthenticationpagecentered

Features+4

Centered, split-image, full-gradient and minimal layouts
Email + password + SSO + remember-me
Optional SSO / sign-up / forgot-password via props (providers, showSignUp, showForgotPassword)
Self-contained — no required props

Not recommended for−2

✕In-app modals (use a Dialog)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "Login" })

Usage

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired

className

Optional wrapper class override

string—

providers

OAuth providers shown in the 'continue with' row; pass [] to hide SSO entirely. Default ['google','apple','github']. (LoginMagicLink / LoginWithSSO also honour it; the layout-only variants without an SSO row ignore it.)

SocialKey[]—

showSignUp

Show the sign-up / create-account footer link. Default true; set false for no self-registration.

boolean—

showForgotPassword

Show the forgot-password link beside the password field. Default true; set false for no self-service reset.