Skip to content

Component library

Wrappers

Last updated 2 November 2026

Examples

Wrapper - v2 Contents

Before you use <ins-header> and <ins-sidebar>, it is important to know how to structure them with these wrappers.

Insites Renderer <ins-renderer>

Renders the "iFrame" content of a page. Also automatically manages page's heading & breadcrumbs (up to 1 level deep).

Complete Example

<html>

<head>
</head>

<body>

    <ins-sidebar>

        <ins-sidebar-item 
            link="/" label="Menu 1" app>
        </ins-sidebar-item>

        <ins-sidebar-item 
            link="/" label="Menu 2" with-submenu>

            <ins-sidebar-item 
                link="/" label="Sub Menu 1" app>
            </ins-sidebar-item>

            <ins-sidebar-item 
                link="/" label="Sub Menu 2" app>
            </ins-sidebar-item>

        </ins-sidebar-item>

    </ins-sidebar>


    <ins-header>

        <!-- Header content here -->

    </ins-header>


    <ins-renderer>

        <!-- Page content will be rendered here -->

    </ins-renderer>

</body>

</html>