https://github.com/mdbootstrap/react-payment-forms
Responsive React Payment Forms built with the latest Bootstrap 5. Credit card, PayPal, Stripe, eCommerce checkout, multi-step payment, donation form & more examples. https://mdbootstrap.com/docs/react/extended/payment-forms/
https://github.com/mdbootstrap/react-payment-forms
bootstrap bootstrap-template bootstrap-theme bootstrap5 css forms html js payment react template
Last synced: 7 months ago
JSON representation
Responsive React Payment Forms built with the latest Bootstrap 5. Credit card, PayPal, Stripe, eCommerce checkout, multi-step payment, donation form & more examples. https://mdbootstrap.com/docs/react/extended/payment-forms/
- Host: GitHub
- URL: https://github.com/mdbootstrap/react-payment-forms
- Owner: mdbootstrap
- License: other
- Created: 2022-08-23T11:07:16.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-23T12:44:23.000Z (almost 3 years ago)
- Last Synced: 2024-11-15T06:51:22.596Z (8 months ago)
- Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, css, forms, html, js, payment, react, template
- Language: JavaScript
- Homepage:
- Size: 273 KB
- Stars: 4
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.pdf
Awesome Lists containing this project
README

# MDB React 5
Responsive React Payment Forms built with the latest Bootstrap 5. Credit card, PayPal, Stripe, eCommerce checkout, multi-step payment, donation form & more examples.
Check out [React Payment Forms Documentation](https://mdbootstrap.com/docs/react/extended/payment-forms) for detailed instructions & even more examples.
## Basic example

```js
import React from "react";
import {
MDBContainer,
MDBCol,
MDBRow,
MDBBtnGroup,
MDBBtn,
} from "mdb-react-ui-kit";export default function App() {
return (
$85.00
Diabites Pump & Supplies
Insurance Responsibility
$71.76
Add Insurer card
Insurance claim and all neccessary dependencies will be submitted
to your insurer for the covered portion of this order.
Aetna - Open Access
Aetna - OAP
Patient Balance
$13.24
Add Payment card
Insurance claim and all neccessary dependencies will be submitted
to your insurer for the covered portion of this order.
VISA
**** 5436
MASTER CARD
**** 5038
Proceed to payment
Order Recap
contracted Price $186.86
Amount Deductible $0.0
Coinsurance(0%) + $0.0
Copayment + 40.00
Total Deductible,
Coinsurance and copay
$40.00
Maximum out-of-pocket
on insurance policy
$40.00
Insurance Responsibility $71.76
Patient Balance $13.24
Total $85.00
);
}
```## How to use?
1. Download MDB 5 - FREE REACT UI KIT
2. Choose your favourite customized component and click on the image
3. Copy & paste the code into your MDB project
[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)
## More examples (click on the image to see a live demo)
### Ecommerce checkout page:
[](https://mdbootstrap.com/docs/react/extended/payment-forms#section-2)### Payment card / Donation form:
[](https://mdbootstrap.com/docs/react/extended/payment-forms#section-3)### Pricing plan with credit card payment details:
[](https://mdbootstrap.com/docs/react/extended/payment-forms#section-4)You can find other examples [here](https://mdbootstrap.com/docs/react/extended/payment-forms).
## More extended React documentation
- React Bootstrap Code
- React Bootstrap Gallery
- React Bootstrap Hamburger Menu
- React Bootstrap Jumbotron
- React Bootstrap Maps
- React Bootstrap Mega Menu
- React Bootstrap Media object
- React Bootstrap Multiselect
- React Bootstrap Masonry
- React Bootstrap Contact form
- React Bootstrap Gradients
- React Bootstrap Pagination
- React Bootstrap Panels
- React Bootstrap Social Media icons & buttons
- React Bootstrap Search
- React Bootstrap Table sort
- React Bootstrap Table responsive
- React Bootstrap Table scroll
- React Bootstrap Table search
- React Bootstrap Textarea
- React Bootstrap Sidebar
- React Bootstrap Profiles
- React Bootstrap Nested Dropdown
- React Bootstrap Address Form
- React Scroll Back to Top button
- React Product Cards
- React Avatar
- React Carousel Slider with Thumbnails
- React Chat
- React Comparison table
- React Comments
- React Drawer
- React FAQ component / section
- React Invoice
- React News feed
- React Offcanvas
- React Order details
- React Page transitions
- React Quotes