Skip to main content

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. Below is an example of implementation using a monochromatic style :
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.
Last modified on October 14, 2026