The wrapper component renders all elements within it and emits an event when it has loaded. It does not use the shadow DOM. The component library features lazy loading, but when you want to avoid the appearance of lagtime in components loading in relation to other elements, use the wrapper component. It will not load until all child elements have loaded, allowing you to render all content at once.



Usage in HTML

Edit the code below to see changes reflected in the example above.

Usage in Elm

Code generated from HTML.

Emitted when the component has finished loading. All content within the component will have already loaded and will render at this point.

The wrapper component will not affect the accessibility of elements rendered within it.