Join Slack
Powered by
<@U04UQ68083H> we are using the ory/elements-react...
# ory-copilot
w
witty-noon-28853
09/11/2025, 4:03 PM
@chilly-king-10285
we are using the ory/elements-react package to create a custom login page. How do I remove or otherwise edit just hte 'Forgot Password?' link that appears next to the password input field?
c
chilly-king-10285
09/11/2025, 4:03 PM
A message from
kapa.ai
chilly-king-10285
09/11/2025, 4:04 PM
Short answer: toggle it via configuration or override the component. - If you’re using the themed Elements components (<Login /> from @ory/elements-react/theme), hide the “Forgot password?” link by setting recovery_enabled: false in the project config you pass to the component. Example: config={{ project: { recovery_enabled: false, ... } }}. [[Configuration](
https://www.ory.sh/docs/elements/guides/configuration#project-configuration
)] - If you want to customize the text or behavior (instead of hiding it), provide component overrides through the components prop to replace the Node.Anchor (or the specific node rendering that link) with your own React component. The Node render points are overrideable via OryFlowComponentOverrides; Anchor is the component rendered for “anchor” nodes. [[Node](
https://www.ory.sh/docs/elements/reference/@ory/elements-react/type-aliases/OryFlowComponents#node
); [Login](
https://www.ory.sh/docs/elements/reference/@ory/elements-react/theme/functions/Login
)] If you’re building a fully custom UI (not using the themed Login), you can simply omit the recovery anchor when mapping nodes, or control it in your own markup as in the BYO UI examples. [[Create login flow](
https://www.ory.sh/docs/kratos/bring-your-own-ui/custom-ui-basic-integration#create-login-flow
)]
w
witty-noon-28853
09/11/2025, 4:25 PM
doumo arigatou ory roboto
3
Views
Open in Slack
Previous
Next