Taiga UI 5 is out!

InputCardGroup ADDON-COMMERCE

Examples API GitHub

Add tuiCreateLuhnValidator(customMessage?) to control validators to validate it with Luhn algorithm

[cardValidator]
custom card validator for moving focus to the next field
TuiBooleanHandler<string>
[codeLength]
code length
4  |  3
[compact]
manually set compact mode (forced on mobile resolution)
boolean
[icon]
custom card icon
PolymorpheusContent
[id]
id attribute for input tags (adds _card , _expire and _cvc accordingly). Auto-generated when not provided.
string
[inputs]
toggle availability of inputs
TuiCardInputs
[placeholder]
string
(binChange)
BIN value (card first 6 symbols)
null  |  string
ControlApplied as a host directive
[readOnly]
readonly state
boolean
[disabled]
disabled state (use formControl.disable()/.enable() for reactive forms)
boolean
[invalid]
manual invalid state
null  |  boolean