react-ir-banks-logo

A React component that returns logos of Iranian banks based on card number. Demo

Installation

npm i react-ir-banks-logo

Example

import { BankIcon } from 'react-ir-banks-logo';

function App() {
  const [digits, setDigits] = useState('');
  const [name, setName] = useState('');
  return (
    <div className="App">
      <input
        type="text"
        value={digits}
        onChange={e => setDigits(e.target.value)}
      />
      <BankIcon
        digits={digits}
        size="200px"
        margin="100px"
        onFindBankName={(name: string) => setName(name)}
      />
      <h1>{name}</h1>
    </div>
  );
}

Props

| Props | Value Type | Default Value | | -------------- | ------------------------ | ------------- | | digits | string \| number | is required | | size | string | '40px' | | margin | string | '8px' | | onFindBankName | (name: string) => void | - |