Frameworks

Mildport ships as a standard custom element — <mildport-import>. Attributes and properties in, DOM events out. Every mainstream host can drive it; only React needs a thin published wrapper because object props and custom events are awkward there.

One element, not five SDKs

There is no Vue package, no Angular package, no Svelte package. Install @capitality-io/mildport-widget, call defineImportSuiteElement() once, and use the tag. React hosts optionally add @capitality-io/mildport-react for idiomatic props.

Pick your host

Plain HTMLZero framework — register the element, set properties in JS, listen with addEventListener.

ReactImportSuite wrapper — object props and events as React props. The only dedicated adapter.

Vue 3Mark mildport-import as a custom element, then bind with :props and @events.

SvelteNo config — properties and on:import-applied map straight to the element.

AngularUse the custom element, or import the component directly in an Angular host.

Before you embed

1. Install — registry token + packages: Install
2. Configure — targets / catalog, apply mode, host config: Configure
3. Listen — import-applied, import-error, …: Events

Theme tokens and the review grid ship with the widget — see Theming.