UI MarCom 3

Pagination Stable Dark theme

Overview and navigation of connected pages.

<uimc-pagination id="" current="1" total="5"></uimc-pagination>

AttributeDescriptionValuesDefault
totalSets the total number of pagesNumber1
currentSets the current page numberNumber1
themeSet the color scheme of the componentlight, darklight

CallbackArgumentDescription
onClickpageNumberPass a callback function that gets triggered when a pagination item is clicked

Working sample

<uimc-pagination id="pagination" current="1" total="5"></uimc-pagination>

Dark theme

<uimc-pagination id="pagination-dark" current="1" total="5" theme="dark"></uimc-pagination>