Tropykus Widget
This widget is the gateway for third parties to access the savings and borrowing products of Tropykus in few lines of codes
Installation as an standalone component
This project was built using ReactJS v18.2 and it works as a widget that can be rendered using simple HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tropykus Widget</title>
<!-- Your code -->
</head>
<body>
<!-- ... Your code ... -->
<!-- You can add custom styles for the container-->
<style>
.widget-container {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
</style>
<div class="widget-container">
<div id="root"></div>
<!-- The widget will mount here -->
<script
type="module"
src="https://unpkg.com/tropykus-widget/dist/standalone/main.js"
></script>
</div>
<!-- ... Your code ... -->
</body>
</html>Installation as react in React or NextJS component
Install the widget ussing npm
npm install tropykus-widgetIn the destination app import the widget and render it:
import TropykusWidget from 'tropykus-widget'
function App() {
return (
<>
{/* Rest of your code ... */}
<TropykusWidget />
{/* ... Rest of your code */}Configuration
For a custom configuration please contact the Tropykus team at contact@tropykus.com