Docs/Auth Modal

Auth Modal

An authentication modal with social login buttons and email form.

Installation

$pnpm dlx shadcn@latest add @componentry/auth-modal

Usage

API Reference

PropTypeDefault
triggerTextText on the trigger button.
string"Sign up / Sign in"
onLoginCallback when a provider is selected.
(provider: string) => void—
classNameAdditional CSS classes for the trigger button.
string—

Click on the icon in the top right of the example preview to view the source code for specific variants.

Keep in mind

This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.

Have any questions?
Contact on@harshjdhv
import { AuthModal } from "@/components/ui/auth-modal"

export function AuthModalDemo() {
  return (
    <div className="flex items-center justify-center">
      <AuthModal />
    </div>
  )
}