Radial Graph
Radial Graph with sizes and variants
Text variants
Default
100%
With sub label
75%
Compliant
Graph Sizes
Small
60%
Medium (default)
60%
Large
60%
Custom display label
Halfway
There
Variants
This component supports color variants using either the brand primary color or status options. Available variants are primary (brand primary color), success, danger, and warning. Use these to visually distinguish different types of radial graphs or their context according to your design needs.
Primary (default)
60%
Success
95%
Danger
10%
Warning
50%