Stripe: Create customerClick Add customer, fill form sections, submit to create new customer record.This recording captures a multi-section customer creation workflow in Stripe's billing dashboard. The user navigates through a comprehensive modal form with progressively disclosed collapsible sections covering account details, billing address, tax classification, shipping information, and invoice preferences. The pattern demonstrates inline help text, dropdown selectors for country and currency, radio options for tax status, and template selection within a single modal dialog. Designers can learn how complex data-entry forms handle optional sections through expandable containers, reducing cogGuided step-by-step form with organized sections, no real-time validation feedback shown.Recorded Nov 9, 2026Progressive DisclosureExpandable SectionsModal Form Submission
Open customer template menuClick Create new template to begin setting up a customer profile template.
Select or create templateChoose a template option or create a new one to define customer fields.
Configure template fieldsSet up the required fields and information for your customer template.
View new customer createdReview the newly created customer record with ID cus_Vb85Ubw4GzLUO7 in Stripe.
Final screen
Stripe: Create productFill product details in a modal form, preview pricing in real-time, submit to create.This recording captures a product creation workflow in a SaaS billing dashboard. The user navigates from an empty product catalog to an add-product modal, where they enter product metadata (name, description, image), select a pricing model (recurring or one-off), and specify an amount in USD. A live preview panel on the right recalculates totals and billing periods in real-time as values change, providing immediate feedback before submission. This demonstrates inline form validation, progressive disclosure of pricing options, and real-time data binding patterns common in e-commerce and subscriResponsive form with live preview updates, instant price recalculation on input change.Recorded Nov 9, 2026Form ValidationLive Preview UpdateModal Dialog Flow
Navigate to Product catalogClick on Product catalog to access the products management section.
Click Create product buttonClick the Create product button to start adding a new product.
Enter product name and detailsType the product name in the required field and add a description.
Set product pricingEnter the product price. Set the amount customers will pay per billing cycle.
Save and confirm product creationClick save to complete the product creation. Review the success confirmation.
stripe.com 2 flows
70%
