SignIn.Header.Title

Title component for the sign-in header section that displays the main heading with localization support.

Quick ExampleCopy Anchor Link

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

const TitleExample = () => {
  return (
    <SignIn.Header>
      <SignIn.Header.Title>Welcome Back</SignIn.Header.Title>
    </SignIn.Header>
  );
};

export default TitleExample;

PropsCopy Anchor Link

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

LocalizationCopy Anchor Link

The component uses the following translation keys:

{
  "sign-in": {
    "title": "Sign In"
  }
}

Default BehaviorCopy Anchor Link

When no children prop is provided, the component automatically displays the localized title:

<SignIn.Header.Title />

This renders the value of t("sign-in.title") which defaults to "Sign In".

Related ComponentsCopy Anchor Link

• SignIn.Header - Header container component
• SignIn.Header.Description - Description text component
• SignIn - Main sign-in component