Frameworks

Mildport wird als Standard-Custom-Element ausgeliefert — <mildport-import>. Attribute und Properties hinein, DOM-Events hinaus. Jeder gängige Host kann es steuern; nur React braucht einen schlanken veröffentlichten Wrapper, weil Objekt-Props und Custom Events dort unbequem sind.

Ein Element, nicht fünf SDKs

Es gibt kein Vue-Paket, kein Angular-Paket, kein Svelte-Paket. Installieren Sie @capitality-io/mildport-widget, rufen Sie einmal defineImportSuiteElement() auf und nutzen Sie den Tag. React-Hosts fügen optional @capitality-io/mildport-react für idiomatische Props hinzu.

Wählen Sie Ihren Host

Plain HTMLNull Framework — Element registrieren, Properties in JS setzen, mit addEventListener zuhören.

ReactImportSuite-Wrapper — Objekt-Props und Events als React-Props. Der einzige dedizierte Adapter.

Vue 3mildport-import als Custom Element markieren, dann mit :props und @events binden.

SvelteKeine Config — Properties und on:import-applied mappen direkt auf das Element.

AngularCustom Element nutzen, oder die -Komponente direkt in einem Angular-Host importieren.

Bevor Sie einbetten

1. Installieren — Registry-Token + Pakete: Installation
2. Konfigurieren — targets / Katalog, Apply-Modus, Host-Config: Konfigurieren
3. Zuhören — import-applied, import-error, …: Events

Theme-Tokens und das Review-Grid kommen mit dem Widget — siehe Theming.