logo

eola Style Guide 2024: Stripe Element Wrapper

Stripe Element Wrapper

This component is a wrapper of Stripe Elements for handling the generic styling and inline error messages.

Stripe Elements is a set of prebuilt UI components, like inputs and buttons, for building your checkout flow.

View docs

Examples

StripeElementWrapper

<Elements stripe={stripePromise}> 
    <StripeElementWrapper component={CardNumberElement} />
    <StripeElementWrapper component={CardExpiryElement} ml={3} />
    <StripeElementWrapper component={CardCvcElement} ml={3} />
</Elements>