Pagination

Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

Additional CSS classes

page_size :integer

Items per page

10
page_num :integer

Current page number

1
total :integer

Total number of items

0
show_total :boolean

Show total count

false
update_event :string

LiveView event name for page changes

"update_current_page"
page_url :any

URL pattern for page links

page_url_marker :string

Marker to replace with page number

"{page}"
page_link_type :string

Phoenix link type

"patch"
prev_label :string

Screen reader label for the previous button

"Previous"
next_label :string

Screen reader label for the next button

"Next"
pagination_label :string

Accessible label for the pagination nav element

"Pagination"
prev_page_label :string

Accessible label for the previous page button

"Previous page"
next_page_label :string

Accessible label for the next page button

"Next page"
ellipsis_label :string

Accessible label for ellipsis indicators

"More pages"
page_button_label :string

Label template for page number buttons ({page} replaced with number)

"Page {page}"
el_size :string

Pagination control size

el_color :string

Pagination color variant

rest :global
inner_block :slot

optional extra content after the pagination controls