# Application & Submission / Document Upload Document scan and upload flow with checklist, progress tracking, file requirements guidance, and DigiLocker integration support. **Category:** Patterns **Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-document-upload--desktop-workspace ## Pattern variants - Desktop Workspace: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-document-upload--desktop-workspace - Full Screen: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-document-upload--full-screen - Card: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-document-upload--card ## When to use this pattern Use Application & Submission / Document Upload 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 Application & Submission / Document Upload. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup. ### 1. Card — Document Checklist HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 1 of 4 uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample1Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Card Layout: Purple BG + Centered White Card */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

Required documents — 1 of 4 uploaded

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Pending */}
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
{/* Document 3: Residence proof - Pending */}
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample1Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 1 of 4 uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 2. Card — Upload In Progress HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — uploading 2 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample2Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Card Layout: Purple BG + Centered White Card */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

Required documents — uploading 2 of 4

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploading */}
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
{/* Document 3: Residence proof - Pending */}
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample2Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — uploading 2 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 3. Card — AI Verification Warning HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 3 of 4 uploaded (1 flagged)

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
error
Residence proof
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample3Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Card Layout: Purple BG + Centered White Card */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

Required documents — 3 of 4 uploaded (1 flagged)

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploaded */}
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
{/* Document 3: Residence proof - AI Warning/Flagged */}
error
Residence proof
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample3Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 3 of 4 uploaded (1 flagged)

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
error
Residence proof
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 4. Card — All Documents Uploaded HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

All 4 documents uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample4Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Card Layout: Purple BG + Centered White Card */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

All 4 documents uploaded

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploaded */}
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
{/* Document 3: Residence proof - Uploaded */}
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
{/* Document 4: Caste certificate - Uploaded */}
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample4Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

All 4 documents uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 5. Desktop Workspace — Document Checklist HTML: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

Required documents — 1 of 4 uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample5Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full-width Stepper Bar */}
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Workspace Content Area */}
{/* Page Header */}

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

{/* Two Column Layout */}
{/* Left Column: Document Checklist */}
{/* Progress Header */}

Required documents — 1 of 4 uploaded

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Pending */}
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
{/* Document 3: Residence proof - Pending */}
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Right Column: Sidebar */}

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

{/* Footer Action Bar */}
); export default ApplicationSubmissionDocumentUploadExample5Demo; ``` Angular: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

Required documents — 1 of 4 uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` ### 6. Desktop Workspace — Upload In Progress HTML: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

Required documents — uploading 2 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample6Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full-width Stepper Bar */}
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Workspace Content Area */}
{/* Page Header */}

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

{/* Two Column Layout */}
{/* Left Column: Document Checklist */}
{/* Progress Header */}

Required documents — uploading 2 of 4

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploading */}
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
{/* Document 3: Residence proof - Pending */}
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Right Column: Sidebar */}

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

{/* Footer Action Bar */}
); export default ApplicationSubmissionDocumentUploadExample6Demo; ``` Angular: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

Required documents — uploading 2 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` ### 7. Desktop Workspace — AI Verification Warning HTML: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

Required documents — 3 of 4 uploaded (1 flagged)

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
error
Residence proof
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample7Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full-width Stepper Bar */}
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Workspace Content Area */}
{/* Page Header */}

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

{/* Two Column Layout */}
{/* Left Column: Document Checklist */}
{/* Progress Header */}

Required documents — 3 of 4 uploaded (1 flagged)

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploaded */}
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
{/* Document 3: Residence proof - AI Warning/Flagged */}
error
Residence proof
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Right Column: Sidebar */}

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

{/* Footer Action Bar */}
); export default ApplicationSubmissionDocumentUploadExample7Demo; ``` Angular: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

Required documents — 3 of 4 uploaded (1 flagged)

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
error
Residence proof
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` ### 8. Desktop Workspace — All Documents Uploaded HTML: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

check_circle
All required documents uploaded. You can proceed to review. Success

All required documents uploaded — 4 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample8Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full-width Stepper Bar */}
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Workspace Content Area */}
{/* Page Header */}

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

{/* Two Column Layout */}
{/* Left Column: Document Checklist */}
{/* Success Alert Banner */}
check_circle
All required documents uploaded. You can proceed to review. Success
{/* Progress Header */}

All required documents uploaded — 4 of 4

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploaded */}
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
{/* Document 3: Residence proof - Uploaded */}
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
{/* Document 4: Caste certificate - Uploaded */}
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Right Column: Sidebar */}

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

{/* Footer Action Bar */}
); export default ApplicationSubmissionDocumentUploadExample8Demo; ``` Angular: ```html
  • 1
    Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents to support your application. Files must be PDF or JPG, max 5 MB each.

check_circle
All required documents uploaded. You can proceed to review. Success

All required documents uploaded — 4 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

  • Format: PDF or JPG only
  • Size: Max 5 MB per file
  • Quality: Clear, well-lit scan or photo
  • Must be self-attested
  • AI flags blur/glare but officers make the final call

DigiLocker documents are pre-verified and accepted instantly. Link your DigiLocker account for faster processing.

``` ### 9. Full Screen — Document Checklist HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 1 of 4 uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample9Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full Screen Layout */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

Required documents — 1 of 4 uploaded

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Pending */}
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
{/* Document 3: Residence proof - Pending */}
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample9Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 1 of 4 uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
radio_button_unchecked
Proof of Income Required
Salary slip or income tax return
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 10. Full Screen — Upload In Progress HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — uploading 2 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample10Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full Screen Layout */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

Required documents — uploading 2 of 4

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploading */}
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
{/* Document 3: Residence proof - Pending */}
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample10Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — uploading 2 of 4

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
hourglass_top
Proof of Income Required
Uploading income_proof.pdf... 65%
radio_button_unchecked
Residence proof Required
Electricity bill, gas bill or ration card
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 11. Full Screen — AI Verification Warning HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 3 of 4 uploaded (1 flagged)

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
error
Residence proof
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample11Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full Screen Layout */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

Required documents — 3 of 4 uploaded (1 flagged)

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploaded */}
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
{/* Document 3: Residence proof - AI Warning/Flagged */}
error
Residence proof
{/* Document 4: Caste certificate - Optional */}
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample11Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

Required documents — 3 of 4 uploaded (1 flagged)

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded just now
error
Residence proof
radio_button_unchecked
Caste certificate Optional
SC/ST/OBC applicants only

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` ### 12. Full Screen — All Documents Uploaded HTML: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

All 4 documents uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
``` React: ```jsx import React from 'react'; const ApplicationSubmissionDocumentUploadExample12Demo = () => ( <>
{/* Accessibility Bar */}
Government of India open_in_new
accessibility_new
{/* Full Screen Layout */}
{/* Stepper */}
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit
{/* Form Header */}

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

{/* Progress Header */}

All 4 documents uploaded

{/* Document List */}
{/* Document 1: Aadhaar Card - Uploaded */}
check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
{/* Document 2: Proof of Income - Uploaded */}
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
{/* Document 3: Residence proof - Uploaded */}
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
{/* Document 4: Caste certificate - Uploaded */}
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded
{/* Footer Note */}

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

{/* Actions */}
{/* Footer Branding */}
Powered by -
); export default ApplicationSubmissionDocumentUploadExample12Demo; ``` Angular: ```html
  • Eligibility
  • Personal
  • Documents
  • 4
    Submit

Upload documents

Upload the required documents. PDF or JPG, max 5 MB each. Documents must be self-attested.

All 4 documents uploaded

check_circle
Aadhaar Card aadhaar_card.pdf · 1.2 MB · Uploaded just now
check_circle
Proof of Income income_proof.pdf · 1.8 MB · Uploaded
check_circle
Residence proof electricity_bill.jpg · 920 KB · Uploaded
check_circle
Caste certificate caste_cert.pdf · 1.1 MB · Uploaded

All uploaded documents must be self-attested. We use AI to flag quality issues but officers make the final call.

Powered by -
```