- 1.5.0

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

 
<form class="w-12 join" action="/blogs/67" method="get">
  <input class="join-item input input-sm" type="number" value={67} placeholder="input page number" />
  <button class="join-item btn btn-sm btn-outline btn-accent"><.dm_mdi name="arrow-right-top" class="w-4 h-4" /></button>
</form>