Composition Ring display

Composable percentage ring with rounded segments, semantic tones, labels, and center content.

API Reference

<CompositionRing> extends CompositionRingProps

All props inherited from CompositionRingProps.

<CompositionRing.CenterLabel> extends CompositionRingCenterLabelProps

All props inherited from CompositionRingCenterLabelProps.

<CompositionRing.CenterValue> extends CompositionRingCenterValueProps

All props inherited from CompositionRingCenterValueProps.

<CompositionRing.Segment> extends CompositionRingSegmentProps

All props inherited from CompositionRingSegmentProps.