react-bank-logo 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -60,6 +60,10 @@ function MyComponent() {
|
|
|
60
60
|
| `fallback` | `ReactNode` | `Bank Name Text` | Content to show if the logo fails to load. |
|
|
61
61
|
| `loading` | `'lazy' \| 'eager'` | `'lazy'` | Image loading strategy. |
|
|
62
62
|
|
|
63
|
+
> [!TIP]
|
|
64
|
+
> **Type Safety with Dynamic Data**
|
|
65
|
+
> If you are mapping through dynamic data (e.g., from an API), our `BankName` type is built to be flexible. It allows any `string` but will still provide full autocomplete for supported bank keys in your IDE.
|
|
66
|
+
|
|
63
67
|
## Supported Banks & E-Wallets
|
|
64
68
|
|
|
65
69
|
Below are some of the supported keys for the `name` prop (including regional and international banks):
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
|
|
3
|
-
type BankName = "bca" | "mandiri" | "bni" | "bri" | "cimb" | "permata" | "danamon" | "maybank" | "ocbc" | "hsbc" | "citibank" | "standard-chartered" | "panin" | "btn" | "mega" | "mega-syariah" | "seabank" | "gopay" | "ovo" | "dana" | "shopeepay" | "linkaja";
|
|
3
|
+
type BankName = "bca" | "mandiri" | "bni" | "bri" | "cimb" | "permata" | "danamon" | "maybank" | "ocbc" | "hsbc" | "citibank" | "standard-chartered" | "panin" | "btn" | "mega" | "mega-syariah" | "seabank" | "gopay" | "ovo" | "dana" | "shopeepay" | "linkaja" | (string & {});
|
|
4
4
|
interface BankLogoData {
|
|
5
5
|
name: BankName;
|
|
6
6
|
displayName: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
|
|
3
|
-
type BankName = "bca" | "mandiri" | "bni" | "bri" | "cimb" | "permata" | "danamon" | "maybank" | "ocbc" | "hsbc" | "citibank" | "standard-chartered" | "panin" | "btn" | "mega" | "mega-syariah" | "seabank" | "gopay" | "ovo" | "dana" | "shopeepay" | "linkaja";
|
|
3
|
+
type BankName = "bca" | "mandiri" | "bni" | "bri" | "cimb" | "permata" | "danamon" | "maybank" | "ocbc" | "hsbc" | "citibank" | "standard-chartered" | "panin" | "btn" | "mega" | "mega-syariah" | "seabank" | "gopay" | "ovo" | "dana" | "shopeepay" | "linkaja" | (string & {});
|
|
4
4
|
interface BankLogoData {
|
|
5
5
|
name: BankName;
|
|
6
6
|
displayName: string;
|