# SignIn.EmailForm.ForgotPassword

Canonical page: https://docs.ovok.com/native-sdk/guide/components/auth/sign-in/form/forgot-password

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 [#quick-start-example]

```tsx
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 [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/auth` API reference](/native-sdk/reference/auth).

## Localization [#localization]

The component uses this translation key:

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

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

## Styling [#styling]

### Theme Variables Used [#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 [#related-components]

- [SignIn.EmailForm](/native-sdk/guide/components/auth/sign-in/form/) - Email form provider that manages form state
- [SignIn.EmailForm.Inputs](/native-sdk/guide/components/auth/sign-in/form/inputs) - Email and password input fields
- [SignIn.EmailForm.SigninButton](/native-sdk/guide/components/auth/sign-in/form/signin-button) - Form submit button
