Storefront Components

Corvex Storefront Components são Custom Elements oficiais (@corvex/storefront-elements) para embutir comércio Corvex em HTML, React, Vue ou qualquer host. Isto não é o tema React da loja nem o Dev Playground (corvex dev). Temas continuam em Temas e no Theme SDK.

O que entrega

Peça	Papel
`@corvex/storefront-elements`	Custom Elements (Lit) + cliente mock/live
Playground local	Editors HTML/CSS/JS + preview sandboxed
Contratos	Mesmos shapes públicos `2026-08` (`Product`, `Cart.items`, …)

Quickstart

<script type="module">
  import '@corvex/storefront-elements';
</script>

<corvex-store mode="mock">
  <corvex-cart-drawer></corvex-cart-drawer>
  <corvex-product-list first="4"></corvex-product-list>
</corvex-store>

mode="mock" — fixtures determinísticas (playground e demos)
mode="live" — HTTP em /public/stores/:storeId/... com credentials: 'omit'

Componentes v1

corvex-store · corvex-product · corvex-product-list · corvex-product-card · corvex-product-price · corvex-product-media · corvex-variant-selector · corvex-collection · corvex-collection-list · corvex-cart · corvex-add-to-cart · corvex-cart-count · corvex-cart-drawer

Introdução

Temas

Seções

Guias

Exemplos