mljr-ui · showcase

Paginated Pages

Animated page container driven by the Pagination signal — replays an entrance animation once per page switch.

data paginated-pages
Controls
animation
Current props
animation: ""

Usage

data.PaginationSignals("pg", 1)
data.Pagination(data.PaginationProps{ID: "pg", Total: 4, PerPage: 1})
data.PaginatedPages(data.PaginatedPagesProps{
    ID:        "pg",
    Animation: data.PageAnimSlideUp, // slide-up | slide-left | fade | scale | flip | none
},
    page1, page2, page3, page4,
)

All combinations (5)

Enum controls only · bool and text use defaults

slide-up
Page one
Page two
Page three
Page four
slide-left
Page one
Page two
Page three
Page four
fade
Page one
Page two
Page three
Page four
scale
Page one
Page two
Page three
Page four
flip
Page one
Page two
Page three
Page four

Props

NameTypeOptionsDefault
animationenumslide-up, slide-left, fade, scale, flipslide-up