payroll-digital-journey v1.2.9

Install

npm install scb-core-payroll

Usage

Navbar

import { NavBar } from "scb-core-payroll";
<NavBar
  label={"Loan information "}
  goBack={() => console.log("goBack Click")}
/>;

Button

import { Button } from "scb-core-payroll";
<Button
  id={`${props.title}`}
  className={`card-button ${item.highlight === true ? "highlight" : ""} ${
    item.enable !== false ? "" : "disable"
  }`}
  key={index}
  onClick={() => props.onButtonClicked(item)}
/>;

Card

import { Card } from "scb-core-payroll";
<Card
  className="row-item"
  mode="landing"
  image={props.content.loans.image}
  title={props.content.loans.title}
  content={props.content.loans.desc}
  onCardClicked={onCardClicked}
  dataCardClicked={"loans"}
  usage_tracking_name={props.content.deposit.usage_tracking_name}
  remark={""}
  links={[]}
  onButtonClicked={() => {}}
/>;

Loader

import { Loader } from "scb-core-payroll";

isLoading = true | false
<Loader className={isLoading ? "" : "hidden"} />;

BannerCarousel

import { BannerCarousel } from "scb-core-payroll";
<BannerCarousel
  bannerList={[
    { image: require("../assets/images/banner_me_tung.jpg"), link: {} },
  ]}
  history={props.history}
  onClick={(linkItem) => onBannerClicked(linkItem)}
  onBannerClicked={onBannerClicked}
/>;