# Login ID Configuration in eSignet

The eSignet system introduces enhanced flexibility in configuring login ID types to better align with country-specific needs and business requirements. This allows implementation teams to tailor login experiences based on regional standards, supported ID types, and UI preferences.

## Overview

eSignet now supports **dynamic configuration of login identifiers**, giving implementation teams the ability to:

* Enable or disable specific login types (e.g., Mobile Number, NRC ID, Email, VID).
* Display country-specific prefixes dynamically.
* Configure SVG icons to visually represent each login method in the UI.

By default, **VID** is shown as the primary login ID. However, this can be extended and customized through configuration.

## Country-Specific Configuration

Login options available to users can vary depending on the country or deployment region. As for an example:

* A **Mobile Number** login can display country-specific prefixes like +91 (India), +855 (Cambodia), or +1 (USA).
* These prefixes are shown dynamically in the UI based on the selected login ID type.

This ensures a localized and intuitive login experience for users around the world.

## SVG Icon Configuration

Each login ID type can be associated with a **custom SVG icon** that visually represents the identifier in the login interface.

* These icons are displayed next to their corresponding input fields.
* Icons can be configured to match branding and UI themes.

### Configuration Format

All login ID types and their respective properties are defined in the eSignet configuration file:

**File:** application-default.properties\
**Key:** mosip.esignet.ui.config.login-id.options

#### Example Configuration

```
mosip.esignet.ui.config.login-id.options={
  {
    "id": "mobile",
    "svg": "mobile_icon",
    "prefixes": [
      { "label": "IND", "value": "+91", "maxLength": "", "regex": "" },
      { "label": "KHM", "value": "+855" },
      { "label": "USA", "value": "+1" }
    ],
    "postfix": "@phone",
    "maxLength": "",
    "regex": ""
  },
  {
    "id": "nrc",
    "svg": "nrc_id_icon",
    "prefixes": "",
    "postfix": "@NRC",
    "maxLength": "",
    "regex": ""
  },
  {
    "id": "vid",
    "svg": "vid_icon",
    "prefixes": "",
    "postfix": "@ID",
    "maxLength": "",
    "regex": ""
  },
  {
    "id": "email",
    "svg": "email_icon",
    "prefixes": "",
    "postfix": "@email",
    "maxLength": "",
    "regex": ""
  }
}
```

***

### Summary

With the new login ID configuration feature, eSignet allows:

* Full control over which login types to show.
* Custom display of country codes for mobile login.
* Visual customization using SVG icons.
* Easy configuration through application-default.properties.

This level of flexibility makes eSignet highly adaptable for diverse identity systems and regional deployment requirements.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.esignet.io/esignet-authentication/develop/configuration/login-id-configuration-in-esignet.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.