Default

Over Image

With Nav

                                                
                                                import BpkPageIndicator from '@skyscanner/backpack-web/bpk-component-page-indicator';
                                                
                                                export default () =>
                                                  <BpkPageIndicator
                                                    currentIndex={0}
                                                    totalIndicators={7}
                                                    onClick={(e, newIndex, direction) => {
                                                      console.log('Slide to new index:', newIndex);
                                                      console.log('Slide direction:', direction);
                                                    }}
                                                    indicatorLabel='Go to slide'
                                                    prevNavLabel='Previous slide'
                                                    nextNavLabel='Next slide'
                                                  />;

Props