# 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](https://zpl.io/b6A80oq)

* Parent: Carousel, [Graphic](/core/overview/graphic.md), Screen
* Child: [Paginator](/core/overview/stepper.md)

### Properties

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

<figure><img src="/files/jtUIPIpGqO72l6zRyKOg" alt=""><figcaption></figcaption></figure>

* 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).

<figure><img src="/files/uh6ycfWgUMt9sbpvAxK0" alt=""><figcaption></figcaption></figure>

### 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://able.bucca.com/core/components/stepper-panel.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.