# Hello Bar Destination

## Destination Info

* Refer to it as **Hello Bar** in the [Integrations object.](/docs/segment/guides/filtering-data/#filtering-with-the-integrations-object)

### Components

* [Browser](https://github.com/segment-integrations/analytics.js-integration-hellobar)

## Connection Modes

[Learn more about connection modes.](/docs/segment/connections/destinations/#connection-modes)

### Device-Mode

* web: yes
* mobile: no
* server: no

### Cloud-Mode

* web: no
* mobile: no
* server: no

## Settings

Segment lets you change these destination settings from the Segment app without having to touch any code.

| Field   | Description                                                                                                                           | Required | Type   |
| ------- | ------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------ |
| API Key | You can find your Hello Bar API Key, in the provided \`\<script>\` tag for example: \`\<script src="//my.hellobar.com/API\_KEY.js">\` | Yes      | string |
