Catalog metadata for this block. Install copies the source into your project.
npx cronus-ui add checkout| Field | Type | Default | Description |
|---|---|---|---|
slug* | string | "checkout" | Registry item id. Passed to cronus-ui add. |
name* | string | "Checkout" | Display name shown in the gallery. |
description* | string | "A product checkout with an order summary and a card payment form." | Short summary of what the block covers. |
variants | { id: string; name: string; description: string }[] | ["classic", "one-page", "multi-step"] | Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default. |
Every published look for this block.
| Id | Name | Description |
|---|---|---|
classic | Card payment | Two-column checkout with an order summary beside a card payment form. |
one-page | One page | Single-page checkout stacking contact, shipping, and payment beside a sticky order summary. |
multi-step | Multi-step | Wizard checkout with a shipping–payment–review stepper and back/continue navigation. |
A product checkout with an order summary and a card payment form.
Cronus Studio · digital products
Encrypted payment · 7-day money-back guarantee
Two-column checkout with an order summary beside a card payment form.
3 items · ships from Portland, OR
Northwind Supply Co. · order NW-20461
Encrypted payment · Free returns for 30 days
Single-page checkout stacking contact, shipping, and payment beside a sticky order summary.
Order NW-20461 · $332.64 total
Wizard checkout with a shipping–payment–review stepper and back/continue navigation.