## Linear Gauge Labels

You can customize the appearance of the labels rendered on the [scale](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/scale) of the Linear Gauge by using the `<LinearGaugeScaleLabels>`, child tag of the `<LinearGaugeScale>`, and the parameters it exposes:

* [Format](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/labels#format)

* [Color](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/labels#color)

* [Visible](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/labels#visible)

* [Additional Customization](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/labels#additional-customization)

The LinearGauge scale width decreases when the `Min` and `Max` label length increases. See how to [define the same LinearGauge scale widths with different `Min` and `Max` values in multiple Gauge instances](https://www.telerik.com/blazor-ui/documentation/knowledge-base/lineargauge-align-gauges-with-different-min-max).

## Format

The `Format` (`string`) parameter allows you to customize the rendering of the labels by using the <a href="https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings" target="_blank">standard numeric format strings</a>. You can set the values of the labels to showcase, for example, currency, percentage, and so on.

> caption Use the Format parameter to showcase currency.

<demo metaUrl="client/lineargauge/labels/format-parameter-showcase-cu-4/" height="420"></demo>

## Color

The `Color` (`string`) parameter controls the color of the labels. It accepts **CSS**, **HEX** and **RGB** colors.

> caption Change the color of the labels.

<demo metaUrl="client/lineargauge/labels/color-labels-result-code-3/" height="420"></demo>

## Visible

The `Visible` (`bool`) parameter controls whether the labels will be rendered.

> caption Hide the labels by using the Visible parameter.

<demo metaUrl="client/lineargauge/labels/hide-labels-visible-paramete-2/" height="420"></demo>

## Additional Customization

To further customize the elements of the linear gauge you can use nested tags. When configuring nested properties and child elements in your Linear Gauge, the inner tags will contain their parent tag name and add specifics to its end. In general the structure of such nested tags will be `<LinearGauge*Category**Specifics*>` where the **Category** can be one of the following:

* Scale
* GaugeArea
* Pointers

> caption Customize the borders of the Labels.

<demo metaUrl="client/lineargauge/labels/borders-labels-result-code-1/" height="420"></demo>

## See Also

* [Live Demo: Linear Gauge](https://demos.telerik.com/blazor-ui/lineargauge/overview)
* [Linear Gauge: Overview](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/overview)
* [Linear Gauge: Scale](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/scale)
* [Linear Gauge: Ranges](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/ranges)
* [Linear Gauge: Pointers](https://www.telerik.com/blazor-ui/documentation/components/gauges/linear/pointers)