@bigcommerce/checkout-sdk / StripeElementStyleVariant
-
↳
StripeElementStyleVariant
- %3A-webkit-autofill
- %3A%3A-ms-clear
- %3A%3Aplaceholder
- %3A%3Aselection
- %3Adisabled
- %3Afocus
- %3Ahover
- backgroundColor
- color
- fontFamily
- fontSize
- fontSmoothing
- fontStyle
- fontVariant
- fontWeight
- iconColor
- letterSpacing
- lineHeight
- padding
- textAlign
- textDecoration
- textShadow
- textTransform
• Optional :-webkit-autofill: StripeElementCSSProperties
• Optional ::-ms-clear: StripeElementCSSProperties & { display: string }
Available for the cardNumber, cardExpiry, and cardCvc elements.
• Optional ::placeholder: StripeElementCSSProperties
• Optional ::selection: StripeElementCSSProperties
• Optional :disabled: StripeElementCSSProperties
Available for all elements except the paymentRequestButton element
• Optional :focus: StripeElementCSSProperties
• Optional :hover: StripeElementCSSProperties
• Optional backgroundColor: string
The background-color CSS property.
This property works best with the ::selection pseudo-class.
In other cases, consider setting the background color on the element's container instaed.
StripeElementCSSProperties.backgroundColor
• Optional color: string
The color CSS property.
StripeElementCSSProperties.color
• Optional fontFamily: string
The font-family CSS property.
StripeElementCSSProperties.fontFamily
• Optional fontSize: string
The font-size CSS property.
StripeElementCSSProperties.fontSize
• Optional fontSmoothing: string
The font-smoothing CSS property.
StripeElementCSSProperties.fontSmoothing
• Optional fontStyle: string
The font-style CSS property.
StripeElementCSSProperties.fontStyle
• Optional fontVariant: string
The font-variant CSS property.
StripeElementCSSProperties.fontVariant
• Optional fontWeight: string
The font-weight CSS property.
StripeElementCSSProperties.fontWeight
• Optional iconColor: string
A custom property, used to set the color of the icons that are rendered in an element.
StripeElementCSSProperties.iconColor
• Optional letterSpacing: string
The letter-spacing CSS property.
StripeElementCSSProperties.letterSpacing
• Optional lineHeight: string
The line-height CSS property.
To avoid cursors being rendered inconsistently across browsers, consider using a padding on the element's container instead.
StripeElementCSSProperties.lineHeight
• Optional padding: string
The padding CSS property.
Available for the idealBank element.
Accepts integer px values.
StripeElementCSSProperties.padding
• Optional textAlign: string
The text-align CSS property.
Available for the cardNumber, cardExpiry, and cardCvc elements.
StripeElementCSSProperties.textAlign
• Optional textDecoration: string
The text-decoration CSS property.
StripeElementCSSProperties.textDecoration
• Optional textShadow: string
The text-shadow CSS property.
StripeElementCSSProperties.textShadow
• Optional textTransform: string
The text-transform CSS property.