Login

A production-ready authentication card built with the EasyUI form system, featuring password show/hide, remember me, validation states, and social logins.

Welcome back

Sign in to access your EasyUI workspace

Or continue with

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/login

API Reference

PropTypeDefaultDescription
titlestring'Welcome back'Primary card title text
descriptionstring'Sign in to access your EasyUI workspace'Subtitle description below the title
logoReact.ReactNode<SparklesIcon />Brand badge or logo displayed at the top
errorstring | nullnullServer-side or authentication error banner message
isLoadingbooleanfalseSubmitting state displaying loader on submit button
onSubmit(data: LoginFormData) => voidundefinedForm submission callback with email, password, rememberMe
onForgotPassword() => voidundefinedCallback when forgot password link is clicked
onSignUpClick() => voidundefinedCallback for secondary sign up switch action
showSocialLoginsbooleantrueToggles GitHub and Google SSO buttons
onSocialLogin(provider: 'github' | 'google' | 'apple') => voidundefinedCallback when social login button is pressed