# SignIn.Header

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

Container component for the header section of the sign-in screen that provides structured layout for title and description elements.

## Quick Example [#quick-example]

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

const HeaderExample = () => {
  return (
    <SignIn.Header>
      <SignIn.Header.Title>Welcome Back</SignIn.Header.Title>
      <SignIn.Header.Description>
        Sign in to your account
      </SignIn.Header.Description>
    </SignIn.Header>
  );
};

export default HeaderExample;
```

## Props [#props]

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

## Child Components [#child-components]

- [SignIn.Header.Title](/native-sdk/guide/components/auth/sign-in/header/title) - Title text component
- [SignIn.Header.Description](/native-sdk/guide/components/auth/sign-in/header/description) - Description text component

## Related Components [#related-components]

- [SignIn](/native-sdk/guide/components/auth/sign-in/) - Main sign-in component