Privacy Checkbox Component

[bjmccotter7192]

Description

Create a custom Form Component that replicates the existing functionality of the privacy checkbox.

This includes creating a new component that will accept a privacy message, label, and optional slot for links.

Considerations

• Use a mixture of logic built into CheckboxField and what is on the existing ReviewPage

  <div>
  <p className="vads-u-padding-y--2">
  <strong>Note:</strong> According to federal law, there are criminal
  penalties, including a fine and/or imprisonment for up to 5 years,
  for withholding information or for providing incorrect information.
  (See 18 U.S.C. 1001)
  </p>
  <CheckboxField
  required="You must accept the privacy policy before continuing."
  name="privacyAgreementAccepted"
  label="I have read and accept the privacy policy"
  description={null}
  >
  <p slot="description">
    Please read and accept the{' '}
    <a
      aria-label="Privacy policy, will open in new tab"
      target="_blank"
      href="/privacy-policy/"
    >
      privacy policy
    </a>
  </p>
  </CheckboxField>
  </div>

Tasks

• [ ] Create component for Privacy Checkbox with availability

Acceptance Criteria

• [ ] Tasks have been complete
• [ ] PR has been merged into main in VAFSC

[taylorkaren]

I think this is potentially going to be covered by ticket #437, as the Design System Team is working on a web component version of the privacy agreement. This is what this Slack thread is about.

[bjmccotter7192]

Closing because this is covered by the DST in ticket #437