@finastra/account-card NPM

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

Properties

Property	Attribute	Type	Default	Description
`balance`	`balance`	`number`	0	Account balance.
`currency`	`currency`	`string`	"USD"	Account currency ISO format.
`disabled`	`disabled`	`boolean`	false	Disabled style of the card.
`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.
`outlined`	`outlined`	`boolean`	false	Change the card style to outlined, default style is elevated.
`selectable`	`selectable`	`boolean`	false	Change the card style to an action card.