B4A Library [B4X][B4A] B4XDaisyPagination - Elegant, DaisyUI-Inspired Navigation Component

Hi Fam!

I'm excited to share B4XDaisyPagination, a highly customizable pagination component based on the popular DaisyUI design system. If you want to give your B4X applications a modern, professional look for page navigation, this is for you!

Key Features:

• Fully Responsive: Choose from 5 sizes ranging from extra-small (xs) to extra-large (xl).
• Flexible Styling: Support for multiple variants like solid, outline, ghost, soft, and dash.
• Advanced Navigation: Optional First/Last and Prev/Next buttons with customizable text or SVG icons.
• Visual Polish: Built-in shadow variants (sm to xl) and the ability to toggle between square and circular button shapes.
• Easy Integration: Simple event handling via the PageChanged event to track user interaction.

Simple Usage Example:

' 1. Initialize the component (usually in B4XPage_Created)
Pagination1.Initialize(Me, "Pagination1") ' [11]

' 2. Handle the PageChanged event
Sub Pagination1_PageChanged (PageIndex As Int, ItemId As String) ' [1]
    ' PageIndex is 0-based; ItemId helps identify if a nav button was clicked
    Log("Navigated to Page: " & (PageIndex + 1) & " (ID: " & ItemId & ")") ' [9, 10]
End Sub

' 3. Programmatic control (Optional)
Pagination1.GoToPage(2) ' Jump directly to the third page [12]
Pagination1.NextPage    ' Move to the next page [6]

Check out the screenshots below to see the different sizes and interactive features in action!



Related Content

[B4X] [B4A] B4XDaisy UI Kit - Native Components inspired by DaisyUI & Tailwind

Hi Fam Disclaimer: The [B4A] in the title? This b4xlib has only been tested with B4A, thus the title. I have not checked the cross-platform functionality as its on the roadmap when I finish the complete library. The b4xlib is still in ALPHA stage, things might change, apis might break and...

www.b4x.com