Health Dashboard

Intro

The Health Dashboard, available as a webcomponent too, is a prebuilt template that includes all available widgets out of the box. It can be used as a quick plug-and-play solution to integrate in your website. It includes the following widgets:

🧩 Main WidgetMain Widget

🧩 Metric WidgetMetric Widgets

🧩 Recommendations WidgetRecommendations Widget

🧩 To-dos WidgetTo do's Widget

Set-up

Properties

	Requirement	Description
hide-main-widget	optional	Hides the Main Widget section.
hide-metric-widget	optional	Hides the Metric Widgets section.
hide-todos-widget	optional	Hides the To-dos Widget section.
hide-recommendations-widget	optional	Hides the Recommendations Widget section.

Events

Name	Description
ip:start-facescan	Emitted when the user interacts with the reminder CTA in the Metrics ModuleMetrics Module. The event bubbles up to the Health Dashboard and can be used to start the face scan flow or handle navigation. Ensure the event listener script uses type="module" to guarantee it runs after the components are registered.

Usage

Note that while all widgets are included, the context provider is not. The ip-dashboard component must still be nested within an ip-session.

<ip-session 
	action-token="eyJhbG..."
	language="en-GB" 
>
  <!-- IntelliProve components go here -->
  <ip-dashboard></ip-dashboard>
</ip-session>

<!-- Optional -->
<script type="module">
	document
		.querySelector("ip-dashboard")
		.addEventListener("ip:start-facescan", () => {
			alert("CTA clicked — open your scan flow here");
		});
</script>