bpk-component-page-indicator

bpk-component-page-indicator

Backpack page indicator component.

Installation

Check the main Readme for a complete installation guide.

Usage

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

Check out the full list of props on Skyscanner's design system documentation website.