# Notifications / SMS & Email Notifications SMS and Email notification patterns for government services including submission confirmation, action required, and status update email templates. **Category:** Patterns **Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-sms-email-notifications--email-submission-confirmation ## Pattern variants - Email Submission Confirmation: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-sms-email-notifications--email-submission-confirmation - Email Action Required: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-sms-email-notifications--email-action-required - Email Status Update: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-sms-email-notifications--email-status-update ## When to use this pattern Use Notifications / SMS & Email Notifications 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 Notifications / SMS & Email Notifications. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup. ### 1. Email Action Required — Action Required Email HTML: ```html

Action required on your Income Certificate application

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Action required by 15 Apr 2026
Revenue Department Government of Maharashtra - Government of India

Action required on your Income Certificate application

Dear Ramesh Kumar,

To continue processing your application, we need an updated income proof. Please upload a clearer copy by the deadline below. If you do not respond, your application may be rejected.

Application reference INC-2026-MH-04127
Required document Updated income proof (PDF, JPG · max 5 MB)
Deadline 15 Apr 2026

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Decision Est. 18 Apr
check
Issued Est. 22 Apr
``` React: ```jsx import React from 'react'; const NotificationsSMSEmailNotificationsExample1Demo = () => ( <>

Action required on your Income Certificate application

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Action required by 15 Apr 2026
Revenue Department Government of Maharashtra - Government of India

Action required on your Income Certificate application

Dear Ramesh Kumar,

To continue processing your application, we need an updated income proof. Please upload a clearer copy by the deadline below. If you do not respond, your application may be rejected.

Application reference INC-2026-MH-04127
Required document Updated income proof (PDF, JPG · max 5 MB)
Deadline 15 Apr 2026

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Decision Est. 18 Apr
check
Issued Est. 22 Apr
); export default NotificationsSMSEmailNotificationsExample1Demo; ``` Angular: ```html

Action required on your Income Certificate application

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Action required by 15 Apr 2026
Revenue Department Government of Maharashtra - Government of India

Action required on your Income Certificate application

Dear Ramesh Kumar,

To continue processing your application, we need an updated income proof. Please upload a clearer copy by the deadline below. If you do not respond, your application may be rejected.

Application reference INC-2026-MH-04127
Required document Updated income proof (PDF, JPG · max 5 MB)
Deadline 15 Apr 2026

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Decision Est. 18 Apr
check
Issued Est. 22 Apr
``` ### 2. Email Status Update — Status Update Email HTML: ```html

Your application status has been updated

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Status updated to Under Review
Revenue Department Government of Maharashtra - Government of India

Your application status has been updated

Dear Ramesh Kumar,

Your Income Certificate application has moved to the Officer Review stage. We will notify you again when a decision is made (typically within 3 working days).

Application reference INC-2026-MH-04127
Current Status Under review
Documents Verified
Updated on 11 Apr 2026, 09:03 AM

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Decision Est. 18 Apr
check
Issued Est. 22 Apr
``` React: ```jsx import React from 'react'; const NotificationsSMSEmailNotificationsExample2Demo = () => ( <>

Your application status has been updated

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Status updated to Under Review
Revenue Department Government of Maharashtra - Government of India

Your application status has been updated

Dear Ramesh Kumar,

Your Income Certificate application has moved to the Officer Review stage. We will notify you again when a decision is made (typically within 3 working days).

Application reference INC-2026-MH-04127
Current Status Under review
Documents Verified
Updated on 11 Apr 2026, 09:03 AM

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Decision Est. 18 Apr
check
Issued Est. 22 Apr
); export default NotificationsSMSEmailNotificationsExample2Demo; ``` Angular: ```html

Your application status has been updated

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Status updated to Under Review
Revenue Department Government of Maharashtra - Government of India

Your application status has been updated

Dear Ramesh Kumar,

Your Income Certificate application has moved to the Officer Review stage. We will notify you again when a decision is made (typically within 3 working days).

Application reference INC-2026-MH-04127
Current Status Under review
Documents Verified
Updated on 11 Apr 2026, 09:03 AM

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Decision Est. 18 Apr
check
Issued Est. 22 Apr
``` ### 3. Email Submission Confirmation — Submission Confirmation Email HTML: ```html

Your Income Certificate application has been submitted

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Revenue Department Government of Maharashtra - Government of India

Your Income Certificate application has been submitted

Dear Ramesh Kumar,

We have received your application. The Revenue Department will review and notify you of the decision. The processing time is typically 7-10 working days.

Application reference INC-2026-MH-04127
Submitted on 7 Apr 2026, 10:24 AM
Department Revenue Dept, Maharashtra Govt
Expected by 22 Apr 2026 (Est)

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Issued Est. 22 Apr
``` React: ```jsx import React from 'react'; const NotificationsSMSEmailNotificationsExample3Demo = () => ( <>

Your Income Certificate application has been submitted

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Revenue Department Government of Maharashtra - Government of India

Your Income Certificate application has been submitted

Dear Ramesh Kumar,

We have received your application. The Revenue Department will review and notify you of the decision. The processing time is typically 7-10 working days.

Application reference INC-2026-MH-04127
Submitted on 7 Apr 2026, 10:24 AM
Department Revenue Dept, Maharashtra Govt
Expected by 22 Apr 2026 (Est)

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Issued Est. 22 Apr
); export default NotificationsSMSEmailNotificationsExample3Demo; ``` Angular: ```html

Your Income Certificate application has been submitted

From: revenue@maharashtra.gov.in To: ramesh.kumar@gmail.com Date: 7 Apr 2026, 10:24 AM
Revenue Department Government of Maharashtra - Government of India

Your Income Certificate application has been submitted

Dear Ramesh Kumar,

We have received your application. The Revenue Department will review and notify you of the decision. The processing time is typically 7-10 working days.

Application reference INC-2026-MH-04127
Submitted on 7 Apr 2026, 10:24 AM
Department Revenue Dept, Maharashtra Govt
Expected by 22 Apr 2026 (Est)

What happens next

check
Submitted Today, 10:24 AM
check
Documents Verified Est. 10 Apr
check
Officer Review Est. 13 Apr
check
Issued Est. 22 Apr
```