SignIn.EmailForm.ForgotPassword

Forgot password link component that provides navigation to password recovery functionality. Offers customizable styling, accessibility support, and seamless integration with the sign-in form layout.

Quick Start Example

import { SignIn, useAppTheme } from "@ovok/native";
import React from "react";
import { StyleSheet } from "react-native";

// Static styles outside component
const styles = StyleSheet.create({
  form: {
    flex: 1,
  },
  forgotPasswordContainer: {
    alignSelf: "flex-end",
  },
});

const ForgotPasswordExample = () => {
  const theme = useAppTheme();

  const handleForgotPassword = () => {
    console.log("Navigate to forgot password screen");
    // Navigate to forgot password screen
  };

  return (
    <SignIn.EmailForm.ForgotPassword
      onPress={handleForgotPassword}
      style={[
        styles.forgotPasswordContainer,
        {
          marginVertical: theme.spacing(2),
        },
      ]}
    />
  );
};

export default ForgotPasswordExample;

Props

Prop	Type	Required	Default	Description
textProps	Omit<TextProps<TVariant>, "children">	-	undefined	Text component styling props

Note: Inherits all TouchableOpacityProps from react-native.

Localization

The component uses this translation key:

{
  "sign-in": {
    "forgot-password": "Forgot password?"
  }
}

• sign-in.forgot-password - Default link text displayed when no children provided

Styling

Theme Variables Used

The SignIn.EmailForm.ForgotPassword uses these theme values by default that can be changed globally:

• theme.colors.primary - Link text color when styled with theme integration
• theme.spacing() - Spacing values for positioning and margins
• Inherits text styling from react-native-paper Text component

Related Components

• SignIn.EmailForm - Email form provider that manages form state
• SignIn.EmailForm.Inputs - Email and password input fields
• SignIn.EmailForm.SigninButton - Form submit button