SupabaseLoginPage
Chelone's <LoginPage> for the Supabase auth provider: an email and password form, a forgot password link and one OAuth button per provider in providers, none by default. disableEmailPassword hides the form, its divider and the link, and disableForgotPassword the link alone. redirectTo is forwarded to the form and to each button. Other props go to the <div> of <LoginPage>, and its static path is /login.
Installation
pnpm dlx shadcn@latest add @chelone/supabase-login-pageChelone's <LoginPage> for the Supabase auth provider: an email and password form, a forgot password link and one OAuth button per provider in providers, none by default. disableEmailPassword hides the form, its divider and the link, and disableForgotPassword the link alone. redirectTo is forwarded to the form and to each button. Other props go to the <div> of <LoginPage>, and its static path is /login.
Import
import { SupabaseLoginPage } from "@chelone/react/supabase";See the Supabase pages guide for mounting the pages, the recovery flow, the provider buttons and the Vue slots.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Custom content in place of the form, the link and the buttons. |
| disableEmailPassword | boolean | — | Hides the email and password form, its divider and the forgot password link. |
| disableForgotPassword | boolean | — | Hides the forgot password link. |
| providers | SupabaseOAuthProvider[] | — | OAuth providers to show a button for, in order. |
| redirectTo | string | — | Path a successful sign-in redirects to. Forwarded to `<LoginForm>`. |