# How to use
Make sure to include the recurly api
```html
```
## Sample Usage
```javascript
import React from 'react';
import { render } from 'react-dom';
import ReactRecurlyModal from './index';
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.onSubmit = this.onSubmit.bind(this);
this.openModal = this.openModal.bind(this);
this.closeModal = this.closeModal.bind(this);
this.state = {
open: true,
errorMessage: null,
}
}
// Open the modal
openModal() {
this.setState({
open: true,
});
}
// Close the modal
closeModal() {
this.setState({
open: false,
});
}
// Handle the submission of the form
onSubmit(token) {
console.log(token);
// Perform validation and any checks
this.setState({
errorMessage: "Failed to process request"
});
}
render() {
return (
Card Details
)
}
}
render(
,
document.getElementById("root")
);
```
---
_Source: https://npm.io/package/react-recurly-modal · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
