PaginationPages

Function PaginationPages 

Source
pub fn PaginationPages(props: PaginationPagesProps) -> impl IntoView
Expand description

A component that renders pagination page controls.

§Example

§Required Props

  • state: [Store<PaginationState>]
    • The current state of the pagination. This is used to communicate with the PaginatedFor component.

§Optional Props

  • display_page_count: usize
    • How many pages to show around the current page. This number includes the current page.

      A value of 3 will display one page before and one page after the current page. It’s recommended to use odd numbers to ensure symmetry.

      Default is 5.

  • margin_page_count: usize
    • How many pages to show at the beginning and end of the pagination.

      Default is 1.

  • separator: impl Into<Signal<String>>
    • The separator to use between page ranges.

      Default is “…”

  • anchor_class: impl Into<Signal<String>>
    • The class of the <a> element that represents a page.
  • li_class: impl Into<Signal<String>>
    • The class of the <li> element that wraps the <a> element that represents a page.
  • active_class: impl Into<Signal<String>>
    • The class of the <li> element that represents an active page. This will be used instead of the li_class when the page is active.
  • ul_class: impl Into<Signal<String>>
    • Every range is put inside an <ul> element. The class of this <ul> element can be customized using this prop.
  • separator_class: impl Into<Signal<String>>
    • The class of the <div> element that contains the separator.