@embedded-banking-fundr/rabobank-landing-page v0.2.25

Rabobank Landing Page Component

Install

To install the Rabobank Landing Page component, you can use either npm or yarn. Run the following command depending on your package manager:

NPM

npm install @embedded-banking-fundr/rabobank-landing-page

yarn

yarn install @embedded-banking-fundr/rabobank-landing-page

This component serves as a landing page for users transitioning from a partner's platform to Rabobank's platform. The component's styling can be adjusted to match the partner's platform.

Component Usage

<invoice-finance-landing-page company="{{companyName}}" partnerId="{{partnerId}}"></invoice-finance-landing-page>

Styling Adjust the component's styling by modifying the CSS variables:

<style>
  invoice-finance-landing-page {
    --rabobank-color-primary: #231F20;
    --rabobank-color-secondary: #EE3632;
    --rabobank-svg-primary: #231F20;
    --rabobank-svg-primary-light: rgba(35, 31, 32, 0.69);
    --rabobank-svg-secondary: #EE3632;
  }
</style>

##Purpose

• Facilitate a smooth user experience when transitioning between platforms
• Provide a consistent look and feel that can be adapted to match the partner's platform

To use the invoice-finance-landing-page component in your project, include the HTML snippet and CSS styles mentioned above. Customize the CSS variables as needed to match the partner's platform styling.