Pagination ⚠️ Experimental ​

The Pagination component can be used imported from:

Playground ​

Parameters ​

Events ​

This component has events. Check the documentation about how to use the events.

NamePayloadDescription
@update:modelValuenumberReturns the new value of the model
@restartedvoidEmitted on value reset

Parameters use ​

Check the documentation about how to use the parameters.

pages ​

The pages parameter is used to set the number of pages that the pagination will have.

modelValue ​

Attention!

If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.

The model parameter is used to set the current page of the pagination

Flags ​

show-edges ​

A flag used to set the visibility of the first and last pages.

disabled ​

A flag used to block the interaction with the component.

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

CodeSandbox example ​

Sorry, not available yet ☹️