<@U04UQ68083H> we are using the ory/elements-react...
# ory-copilot
w
@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
A message from kapa.ai
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
doumo arigatou ory roboto