ResetPassword.Header

Header section component containing title and description for the password reset flow.

UsageCopy Anchor Link

Default HeaderCopy Anchor Link

import { ResetPassword } from "@ovok/native";
import React from "react";

const DefaultHeader = () => {
  return (
    <ResetPassword.Header>
      <ResetPassword.Header.Title />
      <ResetPassword.Header.Description />
    </ResetPassword.Header>
  );
};

export default DefaultHeader;

PropsCopy Anchor Link

Every prop, with its type and description, is listed in the @ovok/native/auth API reference.

Sub-ComponentsCopy Anchor Link

ResetPassword.Header.TitleCopy Anchor Link

Displays the main title for the reset password screen.

• Default: Uses "reset-password.title" translation
• Customizable: Can override with custom text
• Documentation: Complete Title component guide

ResetPassword.Header.DescriptionCopy Anchor Link

Displays descriptive text explaining the reset process.

• Default: Uses "reset-password.subtitle" translation
• Customizable: Can override with custom text
• Documentation: Complete Description component guide

Default StylesCopy Anchor Link

The header uses these default styles:

const defaultStyles = {
  gap: theme.spacing(4), // 16px gap between title and description
};

FeaturesCopy Anchor Link

Localization SupportCopy Anchor Link

Uses translation keys for default content:

// Default translations used:
// - "reset-password.title"
// - "reset-password.subtitle"