Sirviendo desde unpkg @ 0.1.0

co-form — demos de personalización (CDN)

Cinco niveles, de menos invasivo a totalmente custom. Cada uno parte del mismo schema. Todos consumen @prolibu-suite/cobalt-*@0.1.0 desde unpkg — copy-paste y listo.

<link rel="stylesheet" href="https://unpkg.com/@prolibu-suite/cobalt-tokens@0.1.0/build/css/tokens.css">
<script type="module" src="https://unpkg.com/@prolibu-suite/cobalt-core@0.1.0/dist/cobalt/cobalt.esm.js"></script>
<script type="module" src="https://unpkg.com/@prolibu-suite/cobalt-form@0.1.0/dist/cobalt-form/cobalt-form.esm.js"></script>
Nivel 0 · Default

Stock Cobalt

El componente tal cual viene. Validación AJV, defaults, ref field con backend simulado.

Nivel 1 · Tokens

Theming con CSS variables

Mismo schema y código, diferentes --co-* tokens. Sin tocar JS.

Nivel 2 · CSS local

Override de layout

Cambiar el grid a stack, botón full-width, mediante CSS apuntando a co-form.

Nivel 3 · Slot

Reemplazar un campo

Slot field:email con HTML completamente custom, binding manual al controller.

Nivel 4 · form-core

Renderer propio

Sin <co-form>. Solo createForm() y armar el DOM como quieras.