0.0.12 • Published 3 years ago

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

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

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

PropDescriptionTypeDefault
loanMinMinimum value for loan rangenumber250
loanMaxMaximum value for loan rangenumber8000
loanFromDefault floor value for loannumber1900
loanToDefault ceiling value for loannumber4100
loanPurposeOptions'All', 'MarketingOnly' or 'InventoryOnly'LoanPurposeOptionLoanPurposeOption.All
loanPurposeDefault loan purpose;'Marketing' or 'Inventory'LoanPurposeLoanPurpose.Marketing
monthsMinMinimum value for loan period rangenumber2
monthsMaxMaximum value for loan period rangenumber12
monthsDefaultDefault value for loan period rangenumber9
submitLoanCalculatorAction to execute on submit(loan: {loanFrom: number; loanTo: number; loanPurpose: LoanPurpose; months: number;}) => void-
0.0.12

3 years ago

0.0.11

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago