@softloans.io/react-loan-calculator v0.0.12

react-loan-calculator

The react-loan-calculator component is targeted for integrations into the React applications developed by the Softloans integration partners.

Dependencies

• React 18+

• rc-slider

  npm i rc-slider

Installation

To add the react-loan-calculator component to your React project:

npm i "@softloans.io/react-loan-calculator"

Sample Usage

Now you can use the react-loan-calculator component as shown below:

import {
  ReactLoanCalculator,
  LoanPurposeOptions,
  LoanPurpose,
} from "@softloans.io/react-loan-calculator";

function App() {
  const submitLoanCalculator = (loan: {
    loanFrom: number;
    loanTo: number;
    loanPurpose: LoanPurpose;
    months: number;
  }) => {
    console.log(loan);
  };

  return (
    <div className="App">
      <ReactLoanCalculator
        loanMin={200}
        loanMax={9000}
        loanFrom={2000}
        loanTo={4000}
        loanPurposeOptions={LoanPurposeOptions.All}
        loanPurpose={LoanPurpose.Marketing}
        monthsMin={2}
        monthsMax={12}
        monthsDefault={6}
        submitLoanCalculator={submitLoanCalculator}
      ></ReactLoanCalculator>
    </div>
  );
}

Options