Cargando documentación…
Cargando documentación…
NotHeadless UI
VariantSelector muestra las opciones de color (Color, Cor, Colour…) como swatches. Los nombres de colores conocidos en español, portugués e inglés y los valores hex se convierten en puntos de color; para el resto se usa la imagen de la variante.
Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.
Cargando ejemplo…
<VariantSelector /> // swatches="auto" (por defecto)
<VariantSelector swatches="image" /> // siempre usa las imágenes de las variantes
<VariantSelector isSwatchOption={(n) => n === "Estampa"} />
import { colorFor } from "@notheadless/sdk/commerce"
colorFor("Azul marino") // "#1e3a8a"La demo usa un producto de ejemplo, porque esta tienda no tiene variantes de color.
{
"selection": {},
"variantId": null,
"maxQuantity": null
}