1.0.2 • Published 1 year ago
react-method-elements v1.0.2
react-method-elements
Introduction
Official react components for Method. See Method Elements reference to learn more.
Install
npm install --save react-method-elements
Usage
import React from 'react';
import { useMethod } from 'react-method-elements';
import './App.css';
function App() {
const myAPI = {
createElementToken: async (options) => {
// Request for an element token from the
// Method API (POST /elements/token)
// through your backend server.
return 'pk_elem_123456789';
},
};
const method = useMethod({
env: 'dev', // (dev / sandbox / production)
onEvent: (payload) => {},
onSuccess: (payload) => {},
onError: (payload) => {},
onExit: (payload) => {},
onOpen: (payload) => {},
});
// Ensure method is loaded.
if (!method) return null;
const onClick = async () => {
const token = await myAPI.createElementToken({});
method.open(token);
};
return (
<div className="App">
<header className="App-header">
<button onClick={onClick}>
Open Element
</button>
</header>
</div>
);
}
export default App;