SignIn.Header.Description

Description component for the sign-in header section that provides contextual information with localization support.

Quick Example

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

const DescriptionExample = () => {
  return (
    <SignIn.Header>
      <SignIn.Header.Description>
        Enter your credentials to continue
      </SignIn.Header.Description>
    </SignIn.Header>
  );
};

export default DescriptionExample;

Props

Prop	Type	Required	Default	Description
children	React.ReactNode	-	t("sign-in.subtitle")	Description text
variant	MD3TypescaleKey	-	undefined	Typography variant
style	StyleProp<TextStyle>	-	undefined	Custom text styles

Localization

The component uses the following translation keys:

{
  "sign-in": {
    "subtitle": "Log in to your account to start using Actimi products."
  }
}

Default Behavior

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

<SignIn.Header.Description />

This renders the value of t("sign-in.subtitle") which defaults to "Log in to your account to start using Actimi products."

Related Components

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