Paginator Panel

Component: A panel with spacing and alignment of the Paginator with its collection of page points (primitive) to represent a series of steps involved in a process and your progress. Commonly used in Graphic, when multiple graphics are in a collection, and Hero - Carousel components.

Styleguide Link

• Parent: Carousel, Graphic, Screen

• Child: Paginator

Properties

Size - The general size of the panel and its contents as a whole.

• XSmall

• Small

• Medium

• Large

• XLarge

Note: In the Large & XLarge sizes the page point has the option of containing a Label which can be an Icon or Text (number). This can be used to add more context to the step in the process.

Alignment - The location of the Paginator within the panel, either left, right or center (default).

Interaction

There is no direct interaction with Paginator Panel at this point. In the future with larger Page Points we may opt for a navigation to that point on press.