# ef-led-gauge

A component used to show data in a LED-like
horizontal bar visualization.

## Properties

| Property       | Attribute       | Type             | Default  | Description                                      |
|----------------|-----------------|------------------|----------|--------------------------------------------------|
| `bottomLabel`  | `bottom-label`  | `string`         | ""       | Label to be displayed in the bottom legend       |
| `bottomValue`  | `bottom-value`  | `number \| null` | null     | Value of bar for bottom legend position<br />Value can be -100 to 100 |
| `neutralColor` | `neutral-color` | `boolean`        | false    | Turn off background color and use grey           |
| `range`        | `range`         | `number[]`       | []       | Value of range. eg [-20, 70]                     |
| `rangeLabel`   | `range-label`   | `string`         | ""       | Label to be displayed in the bottom legend<br />when a range is displayed<br />and no bottom text is already set. |
| `topLabel`     | `top-label`     | `string`         | ""       | Label to be displayed in the top legend          |
| `topValue`     | `top-value`     | `number \| null` | null     | Value of bar for top legend position<br />Value can be -100 to 100 |
| `zero`         | `zero`          | `string`         | "center" | Sets the zero scale position. [center, left, right] |