# SignIn.Header.Description

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

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

## Quick Example [#quick-example]

```tsx
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 [#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 the following translation keys:

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

### Default Behavior [#default-behavior]

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

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

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