Account Card
Account Card is a use case of card using the Accounts and Balances APIs.
This component is based on base-card. See fds-card
documentation for more details.
Usage
Import
npm i @finastra/account-card
import '@finastra/account-card';
...
<fds-account-card name="France" balance="50000" currency="EUR" number="DE89 3704 0044 0532 0130 00"></fds-account-card>
API
Attributes
Attribute | Type | Default | Description |
---|
disabled | boolean | false | Disabled style of the card. |
selectable | boolean | false | Change the card style to an action card. |
Properties
Property | Attribute | Type | Default | Description |
---|
balance | balance | number | 0 | Account balance. |
currency | currency | string | "USD" | Account currency ISO format. |
icon | icon | string | "credit_card" | Change card icon. |
iconAriaLabel | iconAriaLabel | boolean | "Credit Card" | Change the card icon aria label. |
name | name | string | "Account" | Account Name. |
number | number | string | "XXXX XXXX XXXX XXXX XXXX XX" | Account number. |
Methods
Method | Type |
---|
renderBalance | (): string |
renderCardContent | (): TemplateResult<1> |