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 Payment Properties
| Property |
Type |
Details |
| ID | text | Required in common setups. Attribute: id |
| Layout | droplist | Attribute: layout Options: Accordion, Tabs |
| Billing Details | droplist | Attribute: billing-details Options: Auto, Never |
| Readonly | text | Attribute: readonly |
Actions
Blur
Stripe Payment Blur
| Configuration group |
Controls |
| Blur Properties | Action configuration group |
Clear
Stripe Payment Clear
| Configuration group |
Controls |
| Clear Properties | Action configuration group |
Focus
Stripe Payment Focus
| Configuration group |
Controls |
| Focus Properties | Action configuration group |
Fetch updates
Stripe Payment Fetch updates
| Configuration group |
Controls |
| Fetch updates Properties | Action configuration group |
Collapse
Stripe Payment Collapse
| Configuration group |
Controls |
| Collapse Properties | Action configuration group |
Dynamic Attributes
Layout
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Billing Details
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Readonly
| 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. |