Note: Image is not to scale
- Container of dots
Index determines the position of the currently active dot.
This is the total amount of dots in the range.
Only controllable externally
An external component must be implemented to dynamically control the index and/or amount of dots. A typical use case would be a carousel of pictures.
The root node has the role
label prop is required, and the
unitName prop is optional.
unitName is specified, the
aria-valuetext will work with
aria-valuenow to read the pagination progress. For example, if
aria-valuetext will read "Page
|label||The input's label text, required for accessibility|
|index||The 1-indexed position of the currently active dot|
|amount||The total amount of dots in range|
|unitName||Specifies the type of element represented by the dots (e.g., "Page")|