Components
Every component × every state — hover, focus, disabled, loading, error, empty — wired to real tokens and actions.
CartLineItem
component
/components/cart-line-item
·
used in /cart, /checkout
Variants · 8 · all bound to Styles tokens
Linen throw · natural
Qty 1 · $64.00
Ceramic mug · stone
Qty 2 · $60.00
Cast iron pan · 26cm
Qty 1 · $89.00
Wool blanket · out of stock
Qty 1 · $128.00
Couldn't load
Retry ↻
Nothing here yet
Browse the shop to add your first item
Reusable tote · sand
Qty 1 · $24.00
Linen throw · natural
Qty 1 · $64.00
Card
Linen throw
$64.00
Linen throw
$64.00
Linen throw
$64.00
Badge
Neutral
Brand
Success
Warning
Danger
Toast
Added to cart
Couldn't reach the server
Price updated for this item
Accordion
Shipping & returns
Materials & care
100% European linen, machine washable cold. Line dry recommended.
Token bindings · CartLineItem
background→--surface-1
border-color→--border
border-radius→--radius-lg
padding→--space-3
Actions wired · CartLineItem
Link
on thumbnail
→
/product/{sku}
Click
on remove-X
→
cart.remove(sku)