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 Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Hide Postal Code | text | Attribute: hide-postal-code |
| Icon Style | droplist | Attribute: icon-style
Options: Default, Solid |
| Hide Icon | text | Attribute: hide-icon |
| Disabled | text | Attribute: disabled |
| Hide Errors | text | Attribute: hide-errors |
Actions
Blur
Stripe Card Blur
| Configuration group |
Controls |
| Blur Properties | Action configuration group |
Clear
Stripe Card Clear
| Configuration group |
Controls |
| Clear Properties | Action configuration group |
Focus
Stripe Card Focus
| Configuration group |
Controls |
| Focus Properties | Action configuration group |
Create token
Stripe Card Create token
| Configuration group |
Controls |
| Create token Properties | Action configuration group |
Create source
Stripe Card Create source
| Configuration group |
Controls |
| Create source Properties | Action configuration group |
Dynamic Attributes
Hide Postal Code
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Icon Style
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Hide 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. |
