Componentes
Cubes

CartCube

Carrito server-authoritative con cantidades optimistas y cupón.

Carrito con cantidades optimistas

Vista previa

Tu carrito

  • Polera oversize
    $19.900
    1
  • Gorro de lana
    $12.900
    2
Subtotal
$45.700
Total
$45.700
import { CartCube, type CartAdapter } from "@eidondev/acme-ui/cubes";

// Carrito server-authoritative: cada método devuelve el Cart recalculado.
// Money en centavos (entero) → nunca floats. Prueba el cupón "OFF10".
const adapter: CartAdapter = {
  getCart:    ()                 => db.cart.get(),
  addItem:    (input)            => db.cart.add(input),
  updateItem: ({ lineId, quantity }) => db.cart.setQty(lineId, quantity),
  removeItem: ({ lineId })       => db.cart.remove(lineId),
  applyCoupon:({ code })         => db.cart.coupon(code), // omítelo y se oculta
};

<CartCube adapter={adapter} initialCart={cart} locale="es-CL"
          onCheckout={(cart) => router.push("/checkout")} />

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.
Legacy · claro

Tu carrito

  • Polera oversize
    $19.900
    1
  • Gorro de lana
    $12.900
    2
Subtotal
$45.700
Total
$45.700
Editorial · claro

Tu carrito

  • Polera oversize
    $19.900
    1
  • Gorro de lana
    $12.900
    2
Subtotal
$45.700
Total
$45.700
Technical · oscuro

Tu carrito

  • Polera oversize
    $19.900
    1
  • Gorro de lana
    $12.900
    2
Subtotal
$45.700
Total
$45.700
Warm · claro

Tu carrito

  • Polera oversize
    $19.900
    1
  • Gorro de lana
    $12.900
    2
Subtotal
$45.700
Total
$45.700
Playful · claro

Tu carrito

  • Polera oversize
    $19.900
    1
  • Gorro de lana
    $12.900
    2
Subtotal
$45.700
Total
$45.700