cart-item-minimal
Cart Item Minimal
Read-only cart lines with a small image, the variant, quantity and price, such as in an order review.
States: Default
Parts
| Part | File | Does |
|---|---|---|
| CartItemMinimal | CartItemMinimal.vue | Lists the cart's items with image, variant, quantity and price, without editing. |
Styling
| Part | Recipe |
|---|---|
| CartItemMinimal | cart-item-minimal |
| CartItemMinimal | cart-item-minimal-image |
| CartItemMinimal | line-title |
| CartItemMinimal | meta |
Install
Writes 3 files into components/templates/cart-item-minimal/. For agents, npx @frontic/ui docs cart-item-minimal prints this reference as markdown; the MCP server serves the same.
Built from
API reference
CartItemMinimal CartItemMinimal.vue
Lists the cart's items with image, variant, quantity and price, without editing. Renders a <ul>.
| Prop | Type | Default | |
|---|---|---|---|
| items | CartLine[] | [] | |
| quantityLabel | ((quantity: number) => string) | `Qty ${quantity}` | |
| locale | string | — | |
| class | ClassValue | — | |
| Recipe cart-item-minimal | Sets | |
|---|---|---|
| base: cart-item-minimal | 3 properties | |
| Recipe cart-item-minimal-image | Sets | |
|---|---|---|
| base: cart-item-minimal-image | 4 properties · 3 inherited | |
| Recipe line-title | Sets | |
|---|---|---|
| base: line-title | 2 properties | |
| Recipe meta | Sets | |
|---|---|---|
| base: meta | 3 properties | |
Example