Frameworks

Mildport se entrega como un custom element estándar — <mildport-import>. Atributos y propiedades de entrada, eventos DOM de salida. Cualquier host habitual puede controlarlo; solo React necesita un wrapper publicado fino, porque las props objeto y los custom events son incómodos allí.

Un elemento, no cinco SDK

No hay paquete Vue, Angular ni Svelte. Instala @capitality-io/mildport-widget, llama una vez a defineImportSuiteElement() y usa la etiqueta. Los hosts React añaden opcionalmente @capitality-io/mildport-react para props idiomáticas.

Elige tu host

Plain HTMLCero framework — registra el elemento, asigna propiedades en JS, escucha con addEventListener.

ReactWrapper ImportSuite — props objeto y eventos como props de React. El único adaptador dedicado.

Vue 3Marca mildport-import como custom element y enlaza con :props y @events.

SvelteSin config — las propiedades y on:import-applied mapean directo al elemento.

AngularUsa el custom element, o importa el componente directamente en un host Angular.

Antes de integrar

1. Instalar — token de registro + paquetes: Instalación
2. Configurar — targets / catálogo, modo apply, config del host: Configurar
3. Escuchar — import-applied, import-error, …: Eventos

Los tokens de tema y la cuadrícula de revisión van con el widget — ver Temas.