# Feedback & Communication / Page Not Available Content unavailability notice with language feedback options and navigation alternatives. **Category:** Patterns **Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-feedback-communication-page-not-available--introduction ## Pattern variants - Page Not Available: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-feedback-communication-page-not-available--page-not-available ## When to use this pattern Use Feedback & Communication / Page Not Available 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 Feedback & Communication / Page Not Available. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup. ### 1. Introduction — Introduction HTML: ```html
Patterns

Page Not Available

Content unavailability notice with language feedback options and navigation alternatives.

error_outline

Page Not Available

Content not available in selected language with feedback and navigation options.

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

Page Not Available

Content unavailability notice with language feedback options and navigation alternatives.

error_outline

Page Not Available

Content not available in defaultSelected language with feedback and navigation options.

); export default FeedbackCommunicationPageNotAvailableExample1Demo; ``` Angular: ```html
Patterns

Page Not Available

Content unavailability notice with language feedback options and navigation alternatives.

error_outline

Page Not Available

Content not available in selected language with feedback and navigation options.

``` ### 2. Page Not Available — Page Not Available HTML: ```html

This page is not yet available in Tamil

We are translating Income Certificate pages — the Tamil version is coming in May 2026.

error
Translation in progress You can read this page in English meanwhile, or use your browser to auto-translate.
Powered by -
``` React: ```jsx import React from 'react'; const FeedbackCommunicationPageNotAvailableExample2Demo = () => ( <>

This page is not yet available in Tamil

We are translating Income Certificate pages — the Tamil version is coming in May 2026.

error
Translation in progress You can read this page in English meanwhile, or use your browser to auto-translate.
Powered by -
); export default FeedbackCommunicationPageNotAvailableExample2Demo; ``` Angular: ```html

This page is not yet available in Tamil

We are translating Income Certificate pages — the Tamil version is coming in May 2026.

error
Translation in progress You can read this page in English meanwhile, or use your browser to auto-translate.
Powered by -
```