The DotButton component supports a tooltip although adding one messes up vertical centering. Also, it is left aligned with the start of the dot instead of being horizontally centered over it like the Figma wants.
Acceptance Criteria:
- Add new prop to DotPagination that maps key to tooltip label (
indexToLabel: {[key: number]: string})
- Will want to pass indexToLabel[page] to tooltipLabel in DotButton
- Maintain vertical centering of dots with arrows even with tooltips
- Match design spec on Figma for the tooltip
The DotButton component supports a tooltip although adding one messes up vertical centering. Also, it is left aligned with the start of the dot instead of being horizontally centered over it like the Figma wants.
Acceptance Criteria:
indexToLabel: {[key: number]: string})