Reference

Render

render(Component: FunctionComponent, props?: any): (element: HTMLElement) => void;

import { Render } from '@adobe/elsie/lib';
import { Provider } from './Provider';

export const render = new Render(<Provider />);

// Host Site
import { render as provider } from 'my-domain-pkg/render.js';
import { MyContainer } from 'my-domain-pkg/containers/MyContainer.js';

const $myContainer = document.getElementById('my-container-root');

provider.render(MyContainer, { ...props })($myContainer);

Render as String

toString(Component: FunctionComponent, props?: any): Promise<string>;

// Host Site
import { render as provider } from 'my-domain-pkg/render.js';
import { MyContainer } from 'my-domain-pkg/containers/MyContainer.js';

const html = await provider.toString(MyContainer, { ...props });