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 Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Key | text | Attribute: key |
| Flow Type | droplist | Attribute: checkout
Options: Client Side Only, Server Side |
| Account | text | Attribute: account |
| Locale | text | Attribute: locale |
| Loader | droplist | Attribute: loader
Options: Auto, Always, Never |
Actions
Checkout
Stripe Checkout
| Configuration group |
Controls |
| Checkout Properties | Action configuration group |
Create payment
Stripe Create payment
| Configuration group |
Controls |
| Create payment Properties | Action configuration group |
Create setup
Stripe Create setup
| Configuration group |
Controls |
| Create setup Properties | Action configuration group |
Dynamic Attributes
Key
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Account
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Locale
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Loader
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Line Items
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Done
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Error
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Ready
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Payment created
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Setup created
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
