Utilities

Currency

The sign, code or name of any ISO currency from the browser's Intl data, in the tectra locale.

Part of @tectra-ng/utils (npm install @tectra-ng/utils, also included in tectra-ng).

Features2

API

Theming

Basic

Four ways to show a currency. An unknown code comes back as it is.


USD	$	$	US Dollar
EUR	€	€	Euro
UAH	₴	UAH	Ukrainian Hryvnia
PLN	zł	PLN	Polish Zloty
GBP	£	£	British Pound
JPY	¥	¥	Japanese Yen
CAD	$	CA$	Canadian Dollar
XYZ	XYZ	XYZ	XYZ

9 lines

<tx-table ariaLabel="Currencies" dataKey="code" [value]="rows" [columns]="columns">  <ng-template txTableCell="narrow" let-row>{{ row.code | txCurrencySymbol }}</ng-template>  <ng-template txTableCell="symbol" let-row>{{    row.code | txCurrencySymbol: 'symbol'  }}</ng-template>  <ng-template txTableCell="name" let-row>{{    row.code | txCurrencySymbol: 'name'  }}</ng-template></tx-table>

Prices

Prices that come with a currency code from an API.


Starter	$9.00
Team	€39.50
Business	₴3,990.00

5 lines

<tx-table ariaLabel="Plans" dataKey="plan" [value]="plans" [columns]="columns">  <ng-template txTableCell="price" let-row    >{{ row.currency | txCurrencySymbol }}{{ row.price | number: '1.2-2' }}</ng-template  ></tx-table>