NoRedInk / noredink-ui / Nri.Ui.Pagination.V1

Display a nav element aiding in navigating between pages of content.

[ Previous ] [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ Next ]

view : List { onClick : msg, href : String } -> Basics.Int -> Accessibility.Styled.Html msg

Pass in a list of page URLs/on-click handlers and the currently-selected page's index.

view
    [ { onClick = GoToPage 0, href = "#page-1" }
    , { onClick = GoToPage 1, href = "#page-2" }
    , { onClick = GoToPage 2, href = "#page-3" }
    ]
    2

Note: the navigation will only show if there's 2 or more pages of content.