Progress Chart

React

Is new design vision part implemented using new tokens?

Up to date

Storybook

React guidance

Source

GitHub code


                                                        
                                                        
                                                            import { ProgressChart } from '@optimus-web/core';
                                                        
                                                        <ProgressChart
                                                          animated={true}
                                                          data={data}
                                                          id="progress-chart"
                                                          title="My progress chart"
                                                          minWidth="400px"
                                                          labelFormatter={capitalize}
                                                          valueFormatter={myFormatter}
                                                          total={18524}
                                                          legend
                                                        />

Resources

Example