Prebuilt UI components for building your web checkout flow. Stripe Elements is a set of prebuilt UI components for building your web checkout flow. Elements features include automatic input formatting as customers type, complete UI translations to match your customer’s preferred language, responsive design to fit seamlessly on any screen size, custom styling rules so you can match the look and feel of your site.
Inspector Property Groups
Stripe Express Checkout Properties
| Property |
Type |
Details |
| ID | text | Required in common setups. Attribute: id |
| Button Height | text | Attribute: button-height |
| Button Type Apple Pay | droplist | Attribute: button-type-apple-pay Options: Add Money, Book, Buy, Check Out, Continue, Contribute |
| Button Type Google Pay | droplist | Attribute: button-type-google-pay Options: Book, Buy, Checkout, Donate, Order, Pay |
| Button Type Paypal | droplist | Attribute: button-type-paypal Options: Paypal, Checkout, Buynow, Pay |
| Button Theme Apple Pay | droplist | Attribute: button-theme-apple-pay Options: Default, Black, White, White Outline |
Actions
Blur
Stripe Express Checkout Blur
| Configuration group |
Controls |
| Blur Properties | Action configuration group |
Clear
Stripe Express Checkout Clear
| Configuration group |
Controls |
| Clear Properties | Action configuration group |
Focus
Stripe Express Checkout Focus
| Configuration group |
Controls |
| Focus Properties | Action configuration group |
Dynamic Attributes
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Confirm
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Cancel
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |