# Health

Health is often used in conjunction with agents or applications in plugin.

Your Health component will be rendered in a Dashboard Modal once you click on your plugin name in the Health widget list in the upper right corner *(widget bar)*.

## What does Health look like?

```jsx
const GUI = Dashboard.GUI

class MyHealth extends Dashboard.Health {
    render() {
        return <GUI.Wrapper>
            <GUI.Paragraph text='infocaster ready'/>
        </GUI.Wrapper>
    }
}
```

> and don't forget to register your Health component in register function:

```javascript
Dashboard.register({
	...
	health: MyHealth
	...
})
```

*In this example we create a simple health that renders the status of LCC-Agent Plugin.*

## How to set plugin health status

{% content-ref url="../api-and-gui/api/sethealth" %}
[sethealth](https://docs.navigaglobal.com/dashboard-plugin/api-and-gui/api/sethealth)
{% endcontent-ref %}

### Results

![Dashboard Health list](https://camo.githubusercontent.com/551a4fdb2f2a1aa022f7fb7bf3141a3c09a20966/68747470733a2f2f73332d65752d776573742d312e616d617a6f6e6177732e636f6d2f64617368626f6172642d67726170686963732f44617368626f6172642b4865616c74682b6c6973742e706e67)

![Dashboard Health modal](https://camo.githubusercontent.com/53b143b224865b3aabb82077da1cb7471416ddf8/68747470733a2f2f73332d65752d776573742d312e616d617a6f6e6177732e636f6d2f64617368626f6172642d67726170686963732f44617368626f6172642b4865616c74682b6d6f64616c2e706e67)

## How to register a Health component?

Like any other main component, from your main `index.js` file where you register your plugin, import your Health and pass it down with the register() method from Plugin-API

```jsx
import DashboardPlugin from 'Dashboard/plugin'

const Plugin = new DashboardPlugin('@plugin_bundle')

const registerPlugin = () => {
    const { Health } = require('@components/Health')
    
    Plugin.register({
        health: Health
    }
}

registerPlugin()

export {
    Plugin
}
```