> ## Documentation Index > Fetch the complete documentation index at: https://docs.datanumia.com/llms.txt > Use this file to discover all available pages before exploring further. # Consumption disaggregation ## Integration of the web component This is a more technical section dedicated to developers. For a specific environment, use the correct base uri, specified in this section : [Insert a webcomponent.](/docs/DeveloperTools/HomeInteface/01-how-to-insert-webcomponents-in-an-app) Below is an example of implementation using a monochromatic style : ```html theme={null} ``` The `dtn-usage-breakdown` HTML element implements a shadow DOM that allows it to be isolated from the rest of the application. For more information on what a shadow DOM is, please refer to the "What is a web component" section. ### Inputs #### monochromatic Indicates if the component uses monochromatic color based on primary provider color. * **Name:** `monochromatic` * **Required:** No * **Type:** boolean * **Default value:** `false` ### Outputs Not applicable *** ### CSS Variables Not applicable *** ### Authentication To Access to data required to render this component, you first need to setup security in your application by following the guidelines listed in the Security for HOME Interfaces section. [See more details in this section.](/docs/DeveloperTools/HomeInteface/04-security)