@page "/arc-gauge"
@page "/docs/guides/components/arcgauge.html"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Arc Gauge
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>ArcGauge</strong> component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a speedometer-style gauge displays 0-260 km/h with controls to adjust the <strong>value</strong> via slider, toggle <strong>tick position</strong> (Inside/Outside/None), and show/hide the pointer value which uses a custom <code>Template</code> to display km/h units.
</RadzenText>

<RadzenExample ComponentName="ArcGauge" Example="ArcGaugeConfig">
    <ArcGaugeConfig />
</RadzenExample>
