> ## Documentation Index
> Fetch the complete documentation index at: https://docs-loja.usecorvex.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Playground

> Playground editável dos Storefront Components — mock, editors e iframe sandbox.

App local: `apps/corvex-storefront-playground`.

```bash theme={"theme":{"light":"github-light","dark":"github-dark"}}
yarn workspace @corvex/storefront-playground dev
```

## Recursos

* Catálogo de presets (grade, produto+variantes, coleção, cart drawer)
* Editors HTML / CSS / JS (CodeMirror 6)
* Preview em iframe (`sandbox` + CSP; `connect-src 'none'` — mock only)
* Viewport desktop / tablet / mobile
* Diagnósticos de tags/attrs e console espelhado

## Separação obrigatória

| Playground | Escopo |
| - | - |
| **Este** | Web Components autocontidos |
| Dev Playground / `corvex dev` | Tema React completo |

Não misture as duas superfícies na mesma sessão de docs/skills.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.