Web Components Test

For a screenshot of how this page should look please see my according Blog entry from July 29, 2017.
If you see a green bar below, web components could be loaded and added, else you should see a red bar containing error messages.
Component-1 is extern and should be green, component-2 is also extern but has no own style, component-3 is intern and should be red.

Web components are always inserted into "host" elements. A child-element of a host can go to a "slot" of the web component which is inserted into that host. That way contents of the host and the component can be merged.

This is a blue DIV in main page.

I am content in host-1, to be invisible when import of component-1 worked.

I am content in host-2, to be displayed in slot-2 of component-2.

I am content in host-3, to be displayed in slot-3 of component-3.