https://github.com/mdbootstrap/react-credit-card
Responsive React Credit Card Form built with the latest Bootstrap 5. Free payment form design template with a credit card validation example. https://mdbootstrap.com/docs/react/extended/credit-card
https://github.com/mdbootstrap/react-credit-card
bootstrap bootstrap-template bootstrap-theme bootstrap5 credit-card css form html js react
Last synced: 4 months ago
JSON representation
Responsive React Credit Card Form built with the latest Bootstrap 5. Free payment form design template with a credit card validation example. https://mdbootstrap.com/docs/react/extended/credit-card
- Host: GitHub
- URL: https://github.com/mdbootstrap/react-credit-card
- Owner: mdbootstrap
- License: other
- Created: 2022-08-12T10:52:33.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-12T12:14:43.000Z (almost 4 years ago)
- Last Synced: 2025-10-08T23:11:41.934Z (8 months ago)
- Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, credit-card, css, form, html, js, react
- Language: JavaScript
- Homepage:
- Size: 268 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.pdf
Awesome Lists containing this project
README
# MDB React 5
Responsive React Credit Card Form built with the latest Bootstrap 5. Free payment form design template with a credit card validation example.
Check out [React Credit Card Form Documentation](https://mdbootstrap.com/docs/react/extended/credit-card) for detailed instructions & even more examples.
## Basic example
```js
import React from "react";
import {
MDBCard,
MDBCardBody,
MDBCardHeader,
MDBCheckbox,
MDBCol,
MDBContainer,
MDBInput,
MDBRow,
MDBRadio,
MDBBtn,
MDBListGroup,
MDBListGroupItem,
} from "mdb-react-ui-kit";
export default function App() {
return (
Biling details
Payment
Continue to checkout
Summary
Products
$53.98
Shipping
Gratis
Total amount
(including VAT)
$53.98
);
}
```
## 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 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