Pie Chart Card

React
Is new design vision part implemented using new tokens?
Up to date
Storybook
React guidance
Source
GitHub code

                                                        
                                                        
                                                            import { PieChartCard } from '@optimus-web/core';
                                                        
                                                        <PieChartCard 
                                                          title='Transactions'
                                                          subtitle='Last 7 days'
                                                          menuActions={actions}
                                                          trendScore={{
                                                              value: '+8.01%',
                                                              trend: 'positive',
                                                              direction: 'up',
                                                          }}
                                                          chart={{
                                                              id: 'demo-pie-chart',
                                                              data,
                                                              title: 'My pie chart title',
                                                              scoreValue: total.toLocaleString(),
                                                              scoreLabel: 'Payments',
                                                              minWidth: 140,
                                                              valueFormatter,
                                                              labelFormatter,
                                                              animated: true,
                                                          }}
                                                        />
Resources

Example
