# Identity & Access / Aadhaar Authentication Aadhaar-based authentication selection patterns for government services identity verification. **Category:** Patterns **Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-aadhaar-authentication--column ## Pattern variants - Column: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-aadhaar-authentication--column - Full Screen: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-aadhaar-authentication--full-screen - Card: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-aadhaar-authentication--card ## When to use this pattern Use Identity & Access / Aadhaar Authentication when building citizen-facing flows that match the described government journey. Combine components such as cards, forms, tables, buttons, and status indicators as shown in Storybook. ## Framework setup ### HTML / CDN ```html ``` ### React ```bash npm install ux4g-web-components ``` ```jsx import 'ux4g-web-components/styles.css'; import 'ux4g-web-components/design-system'; ``` ### Angular Update `angular.json`: ```json { "styles": [ "node_modules/ux4g-web-components/styles/ux4g.css", "src/styles.css" ], "scripts": [ "node_modules/ux4g-web-components/dist/runtime/design-system.js" ] } ``` ## Code examples The snippets below are extracted from the Storybook canvas for Identity & Access / Aadhaar Authentication. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup. ### 1. Card — Face Authentication HTML: ```html

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample1Demo = () => ( <>

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample1Demo; ``` Angular: ```html

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

``` ### 2. Card — Enter OTP - Active Timer HTML: ```html

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample2Demo = () => ( <>

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample2Demo; ``` Angular: ```html

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

``` ### 3. Card — Enter OTP Code - Aadhaar Verification HTML: ```html

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample3Demo = () => ( <>

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample3Demo; ``` Angular: ```html

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

``` ### 4. Card — Success - Authentication HTML: ```html

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample4Demo = () => ( <>

{/* Success Alert */}

check_circle

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample4Demo; ``` Angular: ```html

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

``` ### 5. Card — Error - Authentication Failed HTML: ```html

priority_high

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample5Demo = () => ( <>

priority_high

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample5Demo; ``` Angular: ```html

priority_high

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

``` ### 6. Card — Account Locked HTML: ```html

lock

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample6Demo = () => ( <>

{/* Red Lock Badge */}

lock

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample6Demo; ``` Angular: ```html

lock

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

``` ### 7. Card — Operator-Assisted Authentication HTML: ```html

← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample7Demo = () => ( <>

{/* Back button link */} ← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample7Demo; ``` Angular: ```html

← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

``` ### 8. Card — Session Expiring - Warning HTML: ```html

lock

Your session is expiring

04:47

You've been inactive for a while. For your security, we'll sign you out automatically.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample8Demo = () => ( <>

{/* Reusable: Mock Dashboard Backdrop (Blurred) */}

{/* Overlay & Centered Modal Card */}

{/* Session Modal Card Component */}

{/* Purple Lock Status Badge */}

lock

{/* Heading */}

Your session is expiring

{/* Countdown Timer (Purple) */}

04:47

{/* Description */}

You've been inactive for a while. For your security, we'll sign you out automatically.

{/* Progress Bar (50% filled, Purple) */}

{/* Actions */}

); export default IdentityAccessAadhaarAuthenticationExample8Demo; ``` Angular: ```html

lock

Your session is expiring

04:47

You've been inactive for a while. For your security, we'll sign you out automatically.

``` ### 9. Card — Session Expiring Soon - Critical HTML: ```html

warning

Your session is expiring soon

00:57

You'll be signed out in less than a minute

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample9Demo = () => ( <>

{/* Reusable: Mock Dashboard Backdrop (Blurred) */}

{/* Overlay & Centered Modal Card */}

{/* Session Modal Card Component */}

{/* Amber Warning Status Badge */}

warning

{/* Heading */}

Your session is expiring soon

{/* Countdown Timer (Amber/Orange) */}

00:57

{/* Description */}

You'll be signed out in less than a minute

{/* Progress Bar (15% filled, Amber/Orange) */}

{/* Actions */}

); export default IdentityAccessAadhaarAuthenticationExample9Demo; ``` Angular: ```html

warning

Your session is expiring soon

00:57

You'll be signed out in less than a minute

``` ### 10. Card — Session Ended HTML: ```html

schedule

Session ended

Your form progress has been saved. Sign in again to continue where you left off.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample10Demo = () => ( <>

{/* Reusable: Mock Dashboard Backdrop (Blurred) */}

{/* Overlay & Centered Modal Card */}

{/* Session Modal Card Component */}

{/* Neutral Clock Status Badge */}

schedule

{/* Heading */}

Session ended

{/* Description */}

Your form progress has been saved. Sign in again to continue where you left off.

{/* Actions */}

); export default IdentityAccessAadhaarAuthenticationExample10Demo; ``` Angular: ```html

schedule

Session ended

Your form progress has been saved. Sign in again to continue where you left off.

``` ### 11. Card — Verify with Aadhaar - Number Entry HTML: ```html

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

./assets/images/national_emblem.svg

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

Face Authentication

Verify identity using face recognition. Camera access required.

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample11Demo = () => ( <>

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

./assets/images/national_emblem.svg

{/* Aadhaar OTP */}

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

{/* Face Authentication */}

Face Authentication

Verify identity using face recognition. Camera access required.

{/* mAadhaar OTP */}

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

{/* Form actions: Cancel & Continue */}

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample11Demo; ``` Angular: ```html

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

./assets/images/national_emblem.svg

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

Face Authentication

Verify identity using face recognition. Camera access required.

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

``` ### 12. Column — Verify with Aadhaar - Number Entry HTML: ```html

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

Face Authentication

Verify identity using face recognition. Camera access required.

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample12Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

Aadhaar Authentication

A secure, paperless way to verify your identity using your Aadhaar credentials. Choose how you would like to authenticate.

{/* Bottom section */}

TRUSTED BY 800M+ Citizens

AVAILABLE SERVICES 5000+ Integrated

{/* Decorative rings/circles in background */}

{/* Right Panel (Form panel) */}

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

{/* Aadhaar OTP */}

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

{/* Face Authentication */}

Face Authentication

Verify identity using face recognition. Camera access required.

{/* mAadhaar OTP */}

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

{/* Form actions: Cancel & Continue */}

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample12Demo; ``` Angular: ```html

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

Face Authentication

Verify identity using face recognition. Camera access required.

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

``` ### 13. Column — Face Authentication HTML: ```html

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample13Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

Face Authentication

Verify your identity using facial recognition via your device camera.

{/* Bottom section */}

TRUSTED BY 800M+ Citizens

AVAILABLE SERVICES 5000+ Integrated

{/* Decorative rings/circles in background */}

{/* Right Panel (Form panel) */}

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample13Demo; ``` Angular: ```html

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

``` ### 14. Column — Enter OTP - Active Timer HTML: ```html

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample14Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

Aadhaar OTP Verification

Enter the one-time password sent to your Aadhaar-linked mobile number.

TRUSTED BY 800M+ Citizens

AVAILABLE SERVICES 5000+ Integrated

{/* Decorative rings/circles in background */}

{/* Right Panel (Form panel) */}

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample14Demo; ``` Angular: ```html

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

``` ### 15. Column — Enter OTP Code - Aadhaar Verification HTML: ```html

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample15Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

mAadhaar TOTP

Use the time-based one-time password generated in your mAadhaar app.

TRUSTED BY 800M+ Citizens

AVAILABLE SERVICES 5000+ Integrated

{/* Decorative rings/circles in background */}

{/* Right Panel (Form panel) */}

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample15Demo; ``` Angular: ```html

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

``` ### 16. Column — Success - Authentication HTML: ```html

Transaction ID TXN-2024-AAD-78432

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample16Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

Authentication Complete

Your Aadhaar identity has been successfully verified.

TRUSTED BY 800M+ Citizens

AVAILABLE SERVICES 5000+ Integrated

{/* Decorative rings/circles in background */}

{/* Right Panel (Form panel) */}

{/* Success A./assets/images/national_emblem.svg

check_circle

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

Transaction ID TXN-2024-AAD-78432

``` ### 17. Column — Account Locked HTML: ```html

lock

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

Try again in 23:45:00

Your account will be unlocked automatically. If you need immediate assistance, contact UIDAI support.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample17Demo = () => ( <>

{/* Logo & Br./assets/images/national_emblem.svg

Title Description

Help & Support

lock

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

``` ### 18. Column — Operator-Assisted Authentication HTML: ```html

← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample18Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

Operator-Assisted Verification

A certified VLE operator will assist with your Aadhaar verification.

{/* Right Panel (Form panel) */}

{/* Back button link */} ← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample18Demo; ``` Angular: ```html

← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

``` ### 19. Column — Error - Authentication Failed HTML: ```html

priority_high

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample19Demo = () => ( <>

{/* Left Panel (Sidebar - hidden on Mobile) */}

{/* Top section */}

Verification Failed

Authentication was unsuccessful. Please try again or choose a different method.

TRUSTED BY 800M+ Citizens

AVAILABLE SERVICES 5000+ Integrated

{/* Decorative rings/circles in background */}

{/* Right Panel (Form panel) */}

priority_high

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample19Demo; ``` Angular: ```html

priority_high

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

``` ### 20. Full Screen — Verify with Aadhaar - Number Entry HTML: ```html

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

Face Authentication

Verify identity using face recognition. Camera access required.

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample20Demo = () => ( <>

{/* Main Panel (Centered) */}

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

{/* Aadhaar OTP */}

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

{/* Face Authentication */}

Face Authentication

Verify identity using face recognition. Camera access required.

{/* mAadhaar OTP */}

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

{/* Form actions: Cancel & Continue */}

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample20Demo; ``` Angular: ```html

arrow_back Back

Verify with Aadhaar

Choose how you want to authenticate. Your Aadhaar number is never stored.

Aadhaar OTP

Receive a one-time password on your Aadhaar-linked mobile number.

Face Authentication

Verify identity using face recognition. Camera access required.

mAadhaar TOTP

Use the time-based code from your mAadhaar app.

``` ### 21. Full Screen — Face Authentication HTML: ```html

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample21Demo = () => ( <>

{/* Main Panel (Centered) */}

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample21Demo; ``` Angular: ```html

arrow_back Change method

Face Authentication

Allow camera access to capture your face for Aadhaar biometric verification.

``` ### 22. Full Screen — Enter OTP - Active Timer HTML: ```html

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample22Demo = () => ( <>

{/* Main Panel (Centered) */}

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample22Demo; ``` Angular: ```html

arrow_back Change method

Enter OTP

A 6-digit OTP has been sent to the mobile number linked to your Aadhaar.

``` ### 23. Full Screen — Enter OTP Code - Aadhaar Verification HTML: ```html

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

./assets/images/national_emblem.svg

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample23Demo = () => ( <>

{/* Main Panel (Centered) */}

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

./assets/images/national_emblem.svg

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample23Demo; ``` Angular: ```html

arrow_back Change method

Enter OTP Code

Open the mAadhaar app and enter the 8-digit time-based code shown.

./assets/images/national_emblem.svg

``` ### 24. Full Screen — Success - Authentication HTML: ```html

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample24Demo = () => ( <>

{/* Main Panel (Centered) */}

{/* Success Alert */}

check_circle

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample24Demo; ``` Angular: ```html

Aadhaar identity verified successfully

Authentication Successful

Your Aadhaar identity has been verified. You may now proceed to the service.

``` ### 25. Full Screen — Error - Authentication Failed HTML: ```html

priority_high

./assets/images/national_emblem.svg

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample25Demo = () => ( <>

{/* Main Panel (Centered) */}

priority_high

./assets/images/national_emblem.svg

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample25Demo; ``` Angular: ```html

priority_high

./assets/images/national_emblem.svg

Authentication Failed

The OTP entered is incorrect. You have 2 attempts remaining before your account is temporarily locked.

``` ### 26. Full Screen — Account Locked HTML: ```html

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample26Demo = () => ( <>

{/* Main Panel (Centered) */}

{/* Red Lock Badge */}

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample26Demo; ``` Angular: ```html

Account Locked

Your Aadhaar authentication has been suspended due to too many failed attempts.

``` ### 27. Full Screen — Operator-Assisted Authentication HTML: ```html

← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

./assets/images/national_emblem.svg

``` React: ```jsx import React from 'react'; const IdentityAccessAadhaarAuthenticationExample27Demo = () => ( <>

{/* Main Panel (Centered) */}

{/* Back button link */} ← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

./assets/images/national_emblem.svg

{/* Footer Branding */}

); export default IdentityAccessAadhaarAuthenticationExample27Demo; ``` Angular: ```html

← Back

Operator-Assisted Authentication

A certified VLE operator will conduct this Aadhaar verification on your behalf with your consent.

./assets/images/national_emblem.svg

```

Face Authentication

Face Authentication

Face Authentication

Enter OTP

Enter OTP

Enter OTP

Enter OTP Code

Enter OTP Code

Enter OTP Code

Authentication Successful

Authentication Successful

Authentication Successful

Authentication Failed

Authentication Failed

Authentication Failed

Account Locked

Account Locked

Account Locked

Operator-Assisted Authentication

Operator-Assisted Authentication

Operator-Assisted Authentication

Your session is expiring

Your session is expiring

Your session is expiring

Your session is expiring soon

Your session is expiring soon

Your session is expiring soon

Session ended

Session ended

Session ended

Verify with Aadhaar

Verify with Aadhaar

Verify with Aadhaar

Aadhaar Authentication

Verify with Aadhaar

Aadhaar Authentication

Verify with Aadhaar

Aadhaar Authentication

Verify with Aadhaar

Face Authentication

Face Authentication

Face Authentication

Face Authentication

Face Authentication

Face Authentication

Aadhaar OTP Verification

Enter OTP

Aadhaar OTP Verification

Enter OTP

Aadhaar OTP Verification

Enter OTP

mAadhaar TOTP

Enter OTP Code

mAadhaar TOTP

Enter OTP Code

mAadhaar TOTP

Enter OTP Code

Authentication Complete

Authentication Complete

Authentication Successful

Authentication Complete

Account Temporarily Locked

Account Locked

Operator-Assisted Verification

Operator-Assisted Authentication

Operator-Assisted Verification

Operator-Assisted Authentication

Operator-Assisted Verification

Operator-Assisted Authentication

Verification Failed

Authentication Failed

Verification Failed

Authentication Failed

Verification Failed

Authentication Failed

Verify with Aadhaar

Verify with Aadhaar

Verify with Aadhaar

Face Authentication

Face Authentication