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 Card Number Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Placeholder | text | Attribute: placeholder |
| Icon Style | droplist | Attribute: icon-style
Options: Default, Solid |
| Show Icon | text | Attribute: show-icon |
| Disabled | text | Attribute: disabled |
| Hide Errors | text | Attribute: hide-errors |
Actions
Blur
Stripe Card Number Blur
| Configuration group |
Controls |
| Blur Properties | Action configuration group |
Clear
Stripe Card Number Clear
| Configuration group |
Controls |
| Clear Properties | Action configuration group |
Focus
Stripe Card Number Focus
| Configuration group |
Controls |
| Focus Properties | Action configuration group |
Create payment method
Stripe Card Number Create payment method
| Configuration group |
Controls |
| Create payment method Properties | Action configuration group |
Confirm payment
Stripe Card Number Confirm payment
| Configuration group |
Controls |
| Confirm payment Properties | Action configuration group |
Dynamic Attributes
Placeholder
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Icon Style
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Show Icon
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Disabled
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Hide Errors
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Change
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Ready
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Focus
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Blur
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Escape
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
