NotHeadless UI

ShippingEstimator

Cotiza el envío por código postal para la variante y la cantidad seleccionadas. Le pasás una server action, así el token se queda en el servidor.

Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.

// lib/actions.ts
"use server"
export async function quoteShipping({ zipCode, variantId, quantity }) {
  // validá la entrada y después:
  return { ok: true, options: await nube.shipping.quote({ zipCode, variantId, quantity }) }
}

<ShippingEstimator quote={quoteShipping} />

Props

Prop	Tipo	Descripción
quote	ShippingQuoteFn	Server action que devuelve { ok, options } o { ok: false, message }.
variantId / quantity	number	Por defecto, la selección del ProductProvider.

Cargando documentación…