This is how it looks if all the possible props are provided:
It can receive an array of objects, each containing a value (number) and a color (warning, error, success, unknown).
Example:
{
value: 15,
color: 'success',
},
It can also receive an icon prop (icon must be of IconDefinition type) and a max value that, if greater than the sum of the segment's value, will add an extra segment with a default color.
This UI component is an SVG based donut chart.
This is how it looks if all the possible props are provided:![Capture d'écran 2024-05-15 100845](https://github.com/vatesfr/xen-orchestra/assets/94314524/8105164e-9885-4ed9-b265-f1d3ee14c4f5)
It can receive an array of objects, each containing a value (number) and a color (warning, error, success, unknown). Example:
It can also receive an icon prop (icon must be of IconDefinition type) and a max value that, if greater than the sum of the segment's value, will add an extra segment with a default color.