> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-feat-acul-js-sdk-1-7-0-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ThemeIdentifiers

```ts Example theme={null}
export interface ThemeIdentifiers {
  loginDisplay?: 'unified' | 'separate';
  otpAutocomplete?: boolean;
  phoneDisplay?: {
    masking?: 'show_all' | 'hide_country_code' | 'mask_digits';
    formatting?: 'regional' | 'international';
  };
}
```

## Properties

<ParamField body="loginDisplay?" type="&#x22;unified&#x22; | &#x22;separate&#x22;">
  How the identifier fields are laid out on the login and signup screens. `'unified'` renders a single input accepting any enabled identifier; `'separate'` renders one input per enabled identifier.
</ParamField>

<ParamField body="otpAutocomplete?" type="boolean" />

<ParamField body="phoneDisplay?" type="object">
  <Expandable title="properties">
    <ParamField body="formatting?" type="&#x22;regional&#x22; | &#x22;international&#x22;">
      How an already-entered phone number is formatted for display: `'regional'` uses the national convention for the number's country, `'international'` includes the dial code.
    </ParamField>

    <ParamField body="masking?" type="&#x22;show_all&#x22; | &#x22;hide_country_code&#x22; | &#x22;mask_digits&#x22;">
      How much of an already-entered phone number is revealed when displayed back to the user.
    </ParamField>
  </Expandable>
</ParamField>
