@luigi-project/container

Luigi Container

Overview

Luigi Container is a web component that can be included in an arbitrary application, in order to render a Luigi micro frontend (iframe or web component based) without the need of being a Luigi Core application.

Usage

1. Install the container package: @luigi-project/container

npm install @luigi-project/container

2. Import it into your project:

import '@luigi-project/container';

3. You can now use the Luigi container as follows anywhere in your application:

    <luigi-container 
        viewURL="https://www.example-microfronted.com" 
        webcomponent="false" 
        label="my label"
        context='{"label": "Calendar"}'>
    </luigi-container>

4. In a similar way you can use the Luigi compound container as follows:

    <luigi-compound-container 
        context='{"label": "Dashboard"}'
        compoundConfig = { your config here }
    </luigi-compound-container>

Development

Build the bundle and start an example app:

npm install
npm run build
npm start

Check ./test-app/index.html for how it is used.