React
Is new design vision part implemented using new tokens?
Up to date
Resources
Example
import { ProgressChartCard } from '@optimus-web/core';
<ProgressChartCard
charts={[
{
data: [{ id: '1', name: 'Lorem ipsum', value: 39, color: 'green' }],
total: 80,
score: {
value: '39/80',
},
id: 'progress-chart-1',
title: 'Adults',
},
{
data: [{ id: '2', name: 'Lorem ipsum', value: 3, color: 'green' }],
total: 20,
score: {
value: '3/20',
},
id: 'progress-chart-2',
title: 'Children',
},
]}
id="progress-card"
title="Products claimed by age"
subtitle: 'Last 7 days',
menuActions={actions}
legend={{
payload: data,
showValues: true,
}}
/>