ForgotPasswordPage

The page a user lands on to ask for a reset email: <AuthLayout> around <ForgotPasswordForm>, which calls resetPassword on the auth provider. Mount it at its static path of /forgot-password, outside the layout and the auth gate, since the user is not signed in. children replaces the form, and other props go to the <div>.

Installation

pnpm dlx shadcn@latest add @chelone/forgot-password-page
Loading preview…

The page a user lands on to ask for a reset email: <AuthLayout> around <ForgotPasswordForm>, which calls resetPassword on the auth provider. Mount it at its static path of /forgot-password, outside the layout and the auth gate, since the user is not signed in. children replaces the form, and other props go to the <div>.

Import

import { ForgotPasswordPage } from "@chelone/react/supabase";

See the Supabase pages guide for mounting the pages, the recovery flow, the provider buttons and the Vue slots.

Props

PropTypeDefaultDescription
childrenReactNode—Custom content in place of the default `<ForgotPasswordForm>`.