# Consent & Declaration / Declaration Declaration patterns for government service submission, including scroll-to-accept declaration boxes, attestation checkboxes, and full-screen and card-style layouts. **Category:** Patterns **Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-declaration--declaration-before-submission-full-screen ## Pattern variants - Declaration Before Submission - Full Screen: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-declaration--declaration-before-submission-full-screen - Declaration Before Submission - Card: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-declaration--declaration-before-submission-card ## When to use this pattern Use Consent & Declaration / Declaration 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 Consent & Declaration / Declaration. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup. ### 1. C A R D_1 — Declaration Before Submission - Card HTML: ```html

Declaration

Please read the declaration below in full. You must scroll to the end before you can agree and submit.

I, the applicant, do hereby solemnly declare and affirm that:

  1. All the information and particulars furnished in this application are true, complete and correct to the best of my knowledge and belief.
  2. I have not concealed, suppressed or misrepresented any material fact relevant to this application.
  3. All documents uploaded in support of this application are genuine, valid and have not been altered, tampered with or forged in any manner.
  4. I understand that the Income Certificate applied for shall be used only for lawful purposes as stated in this application.
  5. I authorise the Revenue Department and its officers to verify the particulars furnished herein from any source or record they deem necessary.
  6. I am fully aware that furnishing false information or suppressing material facts is a punishable offence under the law.
  7. In the event any information furnished is later found to be false or incorrect, I understand that the certificate issued is liable to be cancelled and appropriate legal action may be initiated against me.

I make this declaration believing the contents to be true and correct.

Scroll to read the full declaration
info Your name will be matched against your aadhaar records.
error_outline
Furnishing false information is a punishable offence under Section 193 of the IPC — up to 7 years imprisonment.
Powered by -
``` React: ```jsx import React from 'react'; const ConsentDeclarationDeclarationExample1Demo = () => ( <>

Declaration

Please read the declaration below in full. You must scroll to the end before you can agree and submit.

I, the applicant, do hereby solemnly declare and affirm that:

  1. All the information and particulars furnished in this application are true, complete and correct to the best of my knowledge and belief.
  2. I have not concealed, suppressed or misrepresented any material fact relevant to this application.
  3. All documents uploaded in support of this application are genuine, valid and have not been altered, tampered with or forged in any manner.
  4. I understand that the Income Certificate applied for shall be used only for lawful purposes as stated in this application.
  5. I authorise the Revenue Department and its officers to verify the particulars furnished herein from any source or record they deem necessary.
  6. I am fully aware that furnishing false information or suppressing material facts is a punishable offence under the law.
  7. In the event any information furnished is later found to be false or incorrect, I understand that the certificate issued is liable to be cancelled and appropriate legal action may be initiated against me.

I make this declaration believing the contents to be true and correct.

Scroll to read the full declaration
info Your name will be matched against your aadhaar records.
error_outline
Furnishing false information is a punishable offence under Section 193 of the IPC — up to 7 years imprisonment.
Powered by -
); export default ConsentDeclarationDeclarationExample1Demo; ``` Angular: ```html

Declaration

Please read the declaration below in full. You must scroll to the end before you can agree and submit.

I, the applicant, do hereby solemnly declare and affirm that:

  1. All the information and particulars furnished in this application are true, complete and correct to the best of my knowledge and belief.
  2. I have not concealed, suppressed or misrepresented any material fact relevant to this application.
  3. All documents uploaded in support of this application are genuine, valid and have not been altered, tampered with or forged in any manner.
  4. I understand that the Income Certificate applied for shall be used only for lawful purposes as stated in this application.
  5. I authorise the Revenue Department and its officers to verify the particulars furnished herein from any source or record they deem necessary.
  6. I am fully aware that furnishing false information or suppressing material facts is a punishable offence under the law.
  7. In the event any information furnished is later found to be false or incorrect, I understand that the certificate issued is liable to be cancelled and appropriate legal action may be initiated against me.

I make this declaration believing the contents to be true and correct.

Scroll to read the full declaration
info Your name will be matched against your aadhaar records.
error_outline
Furnishing false information is a punishable offence under Section 193 of the IPC — up to 7 years imprisonment.
Powered by -
``` ### 2. F U L L S C R E E N_1 — Declaration Before Submission - Full Screen HTML: ```html

Declaration

Please read the declaration below in full. You must scroll to the end before you can agree and submit.

I, the applicant, do hereby solemnly declare and affirm that:

  1. All the information and particulars furnished in this application are true, complete and correct to the best of my knowledge and belief.
  2. I have not concealed, suppressed or misrepresented any material fact relevant to this application.
  3. All documents uploaded in support of this application are genuine, valid and have not been altered, tampered with or forged in any manner.
  4. I understand that the Income Certificate applied for shall be used only for lawful purposes as stated in this application.
  5. I authorise the Revenue Department and its officers to verify the particulars furnished herein from any source or record they deem necessary.
  6. I am fully aware that furnishing false information or suppressing material facts is a punishable offence under the law.
  7. In the event any information furnished is later found to be false or incorrect, I understand that the certificate issued is liable to be cancelled and appropriate legal action may be initiated against me.

I make this declaration believing the contents to be true and correct.

Scroll to read the full declaration
info Your name will be matched against your aadhaar records.
error_outline
Furnishing false information is a punishable offence under Section 193 of the IPC — up to 7 years imprisonment.
Powered by -
``` React: ```jsx import React from 'react'; const ConsentDeclarationDeclarationExample2Demo = () => ( <>

Declaration

Please read the declaration below in full. You must scroll to the end before you can agree and submit.

I, the applicant, do hereby solemnly declare and affirm that:

  1. All the information and particulars furnished in this application are true, complete and correct to the best of my knowledge and belief.
  2. I have not concealed, suppressed or misrepresented any material fact relevant to this application.
  3. All documents uploaded in support of this application are genuine, valid and have not been altered, tampered with or forged in any manner.
  4. I understand that the Income Certificate applied for shall be used only for lawful purposes as stated in this application.
  5. I authorise the Revenue Department and its officers to verify the particulars furnished herein from any source or record they deem necessary.
  6. I am fully aware that furnishing false information or suppressing material facts is a punishable offence under the law.
  7. In the event any information furnished is later found to be false or incorrect, I understand that the certificate issued is liable to be cancelled and appropriate legal action may be initiated against me.

I make this declaration believing the contents to be true and correct.

Scroll to read the full declaration
info Your name will be matched against your aadhaar records.
error_outline
Furnishing false information is a punishable offence under Section 193 of the IPC — up to 7 years imprisonment.
Powered by -
); export default ConsentDeclarationDeclarationExample2Demo; ``` Angular: ```html

Declaration

Please read the declaration below in full. You must scroll to the end before you can agree and submit.

I, the applicant, do hereby solemnly declare and affirm that:

  1. All the information and particulars furnished in this application are true, complete and correct to the best of my knowledge and belief.
  2. I have not concealed, suppressed or misrepresented any material fact relevant to this application.
  3. All documents uploaded in support of this application are genuine, valid and have not been altered, tampered with or forged in any manner.
  4. I understand that the Income Certificate applied for shall be used only for lawful purposes as stated in this application.
  5. I authorise the Revenue Department and its officers to verify the particulars furnished herein from any source or record they deem necessary.
  6. I am fully aware that furnishing false information or suppressing material facts is a punishable offence under the law.
  7. In the event any information furnished is later found to be false or incorrect, I understand that the certificate issued is liable to be cancelled and appropriate legal action may be initiated against me.

I make this declaration believing the contents to be true and correct.

Scroll to read the full declaration
info Your name will be matched against your aadhaar records.
error_outline
Furnishing false information is a punishable offence under Section 193 of the IPC — up to 7 years imprisonment.
Powered by -
```