# Payment Methods

## Overview

This is a fully-responsive module that includes common UI components for adding and selecting a payment method.

## Structure

* When this module is added to a page, it is placed within a group called `Group page860Group` . This group contains the responsive settings for all modules.
* This module `Group paymentMethods` contains three main groups:
  * `Group Header` contains the title text and a hidden description text
  * `Group Collapsible content - payments` contains four components
    * `Group selected payment` is used to display the selected payment method. Clicking on the `CHANGE button` will toggle `Group enter payment`.
    * `Group enter payment` includes a form that will allow you to enter a new payment method. Clicking the `SAVE button` or `CANCEL button` will hide this form group.
    * `Group Buttons` contains a `BACK` and `NEXT button`
    * `Group PLACEHOLDER`  - If you add more elements to the group, please resize this group and ensure it is not overlapping with any other elements.
  * `Group MAIN PLACEHOLDER` - Please resize this group if you add more elements to the group

## How to set up

* Update all text elements in the module.
* Add workflows to `Button CHANGE`, `Button SAVE`, `Button CANCEL`, `Button NEXT`, and `Button BACK`.