Taiga UI 5.0 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 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 {cvc: true, expire: true}
[placeholder]
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]
Invalid state
null  |  boolean