Reference Page
Elements
General configurations
Card Number
Technical configurations
- Optional: False
Stylistic configurations
Expiration Date
Technical configurations
Stylistic configurations
CVV2
Technical configurations
required: Enum(AnyString, false, Default('Required')),
disableCopy: Enum(true, false, Default(false)),
disablePaste: Enum(true, false, Default(false)),
labelText: Optional(AnyString, Default('CSC')),
invalidText: Enum(AnyString, Default('Invalid security code')),
placeholderText: Optional(AnyString, Default('000')),
Stylistic configurations
Submit Button
Technical configurations
How do we hide the submit button?
Stylistic configurations
| variable | default |
|---|---|
| buttonText | "Submit" |
| backgroundColorInvalidLight | '#ccc' |
| backgroundColorInvalidDark | '#666' |
| backgroundColorValidLight | '#6bf' |
| backgroundColorValidDark | '#6bf' |
| backgroundColorHoverLight | '#8cf' |
| backgroundColorHoverDark | '#8cf' |
| textColorLight | 'inherit' |
| textColorDark | 'inherit' |
| borderRadius | '1rem' |
| borderLight | 'none' |
| borderDark | 'none' |
| fontFamily | 'system-ui' |
| fontSize | '1em' |
| padding | '0.5em' |
| margin | '0' |