Search
One index across every family, plus the documentation. Press ⌘K anywhere for the command palette.
19 results for “commerce”
Navigation
3- Ecommerce footerFooters
A four-point reassurance strip above shop, help and account columns.
- Ecommerce heroHeaders
A seasonal statement over an inverted field, with the category rail directly beneath.
- Ecommerce navbarNavbars
Announcement bar, category rail, search, account and a bag whose count is in the accessible name.
Patterns
1Starters
1Forms
5- Checkout wizardCommerce
Four steps with the order summary repeated on every one.
- Billing detailsCommerce
Conditional VAT fields for business accounts, with cross-field required rules.
- Payment methodCommerce
Card entry with live formatting and a real Luhn checksum.
- Promotion codeCommerce
The smallest form in the library, with a distinct message for each way a code can fail.
- Shipping addressCommerce
Country-aware postcode validation and autocomplete tokens on every field.
Sections
9- Product gridCommerce
A storefront grid with reserved image areas, price comparison and stock state.
- Collection bannerCommerce
Category entry points as full-height panels, with a double-width lead.
- Pricing feature matrixCommerce
The detailed plan comparison, with every cell paired with hidden text.
- Pricing with billing toggleCommerce
A two-state radio group for monthly and annual, with the saving stated in money.
- Product comparisonCommerce
Three products across only the attributes that differ.
- Product detail splitCommerce
Gallery on one side, the buying decision on the other, in sequence.
- Single-plan pricingCommerce
One price presented across the full width rather than as a lone card.
- Three-tier pricingCommerce
Three plans with the recommended tier raised rather than merely tinted.
- Usage pricing calculatorCommerce
Two sliders, a live total and a visible breakdown.