Card Expiry Element

CardExpiryElement Use the CardExpiryElement from @stripe/react-stripe-js to collect the card's expiration date independently from other card fields. ### Props - id Sets the DOM id attribute on the rendered Element container. Use this to target the Element for styling or testing. - className Applies custom CSS classes to the Element container. - options Options for creating a cardExpiry element. - classes Set custom class names on the container DOM element when the Stripe element is in a particular state. - base The base class applied to the container. Defaults to StripeElement. - complete The class name to apply when the Element is complete. Defaults to StripeElement--complete. - empty The class name to apply when the Element is empty. Defaults to StripeElement--empty. - focus The class name to apply when the Element is focused. Defaults to StripeElement--focus. - invalid The class name to apply when the Element is invalid. Defaults to StripeElement--invalid. - webkitAutofill The class name to apply when the Element has its value autofilled by the browser (only on Chrome and Safari). Defaults to StripeElement--webkit-autofill. - style Customize the appearance of this element using CSS properties passed in a Style object. - placeholder Customize the placeholder text. - disabled Applies a disabled state to the Element such that user input is not accepted. Default is false. - onChange Callback called when any value in the change event payload changes. - onReady Callback called once the Element is fully rendered. Recieves the ready event payload. - onBlur Callback called when the Element loses focus. - onFocus Callback called when the Element receives focus. - onEscape Callback called when the escape key is pressed within the Element. - onLoadError Callback called when the Element fails to load. ### Example title Render CardExpiryElement