@page "/radial-gauge"
@page "/docs/guides/components/radialgauge.html"

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

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a circular gauge displays 0-260 km/h with color ranges (<strong>green</strong> 0-90, <strong>orange</strong> 90-140, <strong>red</strong> 140-260), <code>StartAngle="-150"</code> and <code>EndAngle="150"</code> for a 300-degree arc, and controls to adjust value and tick position.
</RadzenText>

<RadzenExample ComponentName="RadialGauge" Example="RadialGaugeConfig">
    <RadialGaugeConfig />
</RadzenExample>