react-braintree-fields
Version:
React component for braintree hosted fields
39 lines (37 loc) • 1.04 kB
HTML
<html lang="en">
<head>
<title>React Braintree Hosted Fields Demo</title>
<meta charset="utf-8">
<style>
#root {
max-width: 650px;
margin: auto;
padding: 2rem;
}
.braintree-hosted-field {
height: 40px;
border: 1px solid black;
padding: 0 1rem;
}
.braintree-hosted-field.focused {
border-color: blue;
}
.footer {
display:flex;
justify-content: space-around;
padding: 2rem;
}
.footer button {
padding: 1rem;
background-color: lightGrey;
font-size: 1.2rem;
}
</style>
</head>
<body>
Source code for demo is located at <a href="https://github.com/nathanstitt/react-braintree-fields/tree/master/demo">github</a>
<div id="root"></div>
<script type="text/javascript" src="./demo.js"></script>
</body>
</html>