Components & connector

Build your UI from scratch against the SDK, or use Foundation's built-in web components for the common screens.

Built-in components

Import the component bundle and expose your initialized instance:

import 'foundation-sdk/components'
;(window as any).__foundation = foundation

Then drop components into your markup — for example, a service-connect button:

<foundation-connect integration-id="github-oauth"></foundation-connect>

Components emit success, error, and close events. In Vue, configure isCustomElement for foundation-* tags.

The connector

However you host your frontend (Frontend), the connector handles bootstrapping, auth, websockets, and access to your entities and integrations — so your UI is wired to the backend without glue code.

Bring your own UI

Prefer full control? Skip the components and call the SDK directly. Login, data, billing, and integrations all work the same way.

Reference

• SDK reference · Frontend