Visual studio code plugin from Terafina containing tools for authoring and extending digital applications for the financial services industry. The extension depends on Tessellate which is an upgradeable Angular component library by Terafina hosted on npm as @terafina/tessellate and documentation can be found at Tessellate by Terafina
Usage
To use the snippets, open a HTML file, and start typing tf-, followed by pressing Ctrl+Space. A list of snippets will show up
The detailed list of supported actions are listed below under documentation section
Documentation
Input group
Trigger
Description
tf-input
Input text box
tf-inputx
input with embedded help
tf-select
input text field
tf-radio
radio group
tf-vin
vehicle identification number (VIN) input field
tf-phone
phone number input field
tf-phonex
phone number input field, with properties for custom defaultCountry, enableDialCode and showFlag
tf-account-number
account number input field
tf-email
email address input field
tf-money
money input field
tf-moneyx
money input field, with properties for custom currencySymbol, thousandsSeparator and decimalSeparator
tf-date
date input field
tf-datex
date input field, with property for custom inputFormat
tf-datetime
datetime input field
tf-datetimex
datetime input field, with property for custom inputFormat
tf-ssn
social security number (SSN) input field
tf-payment-card-number
payment card number input field
tf-aba-routing
aba routing number input field
tf-slider
slider with min and max range input field
tf-checkbox
checkbox or switch input field
tf-dropdown
autocomplete dropdown input field
tf-textarea
textarea input field
tf-file-capture
file capture
tf-cam-capture
camera capture
tfstepAction
stepper action button
tf-stepper
stepper main component
tf-tin
federal tax identity number (TIN) input field
tf-preview
preview
tf-expansion-panel
expansion panel
tf-tabset
tabset
tf-capture
capture
tf-spinner
spinner
tf-modal
modal
tf-docusign
docusign
tf-headerr
with header right
tf-headerl
with header left
tf-headerc
with header center
tf-footer
footer
tf-address-search
address search directive
Autocomplete support for bindings
tf-model= triggers autocomplete for available field bindings. The list of bindings is static and comes pre-seeded with the extension. The list comprises of human readable versions of the actual bindings. The actual binding as well possible labels are also displayed for the active option.
