@progress/kendo-gauges-vue-wrapper/docs/arcgauge/center-template.md

Kendo UI Gauges wrapper for Vue.js

---
title: Center Template
page_title: Center Template - ArcGauge - Kendo UI for Vue
description: "Customize the content inside the center of the Kendo UI ArcGauge by using the center template in Vue projects."
slug: centertemplate_arcgauge_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/gauges/arcgauge/"
position: 2
---

<div><WrapperBanner link="/kendo-vue-ui/components/gauges/arcgauge/"></WrapperBanner></div>    

# Center Template

You can customize the content inside the center of the ArcGauge by using the center template.

To render the center template of an ArcGauge specify the `:center-template` option.

{% meta height:300 %}
{% embed_file arcgauge/center-template/main.vue preview %}
{% embed_file arcgauge/center-template/main.js %}
{% endmeta %}


## Suggested Links

* [Kendo UI ArcGauge](https://docs.telerik.com/kendo-ui/controls/gauges/arcgauge/overview)
* [API Reference of the ArcGauge Widget](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/arcgauge)