B4A Library [B4X][B4A]B4XDaisyDock: Sleek, Responsive Navigation Inspired by DaisyUI & Tailwind

Hi Fam!

I’m excited to share a new component for the community: B4XDaisyDock.
Taking inspiration from the popular DaisyUI and Tailwind CSS frameworks, B4XDaisyDock brings professional, responsive navigation to your B4A and B4X projects with ease. No more wrestling with complex layouts for simple navigation bars!

Key Features:

• Flexible Sizing: Uses standard size tokens like xs, sm, md, lg, and xl.
• Semantic Variants: Easily apply functional colors to items, including Primary, Secondary, Accent, Warning, and Error.
• Advanced Styling: Includes built-in support for elevation shadows (up to 2xl) and corner rounding (up to full).
• Highly Customizable: Control background colors, text/icon colors, and active item indicators.
• Robust API: Programmatically add/clear items, enable/disable specific icons, and handle clicks with ease.

Whether you need a simple bottom bar or a highly stylized menu, B4XDaisyDock is built to adapt to your design needs.
Simple Usage Example:

' Initialize and add items
Dim myDock As B4XDaisyDock
myDock.Initialize(Me, "myDock")
myDock.Size = "md" ' Options: xs, sm, md, lg, xl
myDock.Rounded = "full" ' Options: none, sm, md, lg, xl, 2xl, 3xl, full

' Add items with icons (SVG assets)
myDock.AddItem("home", "Home", "home.svg")
myDock.AddItem("inbox", "Inbox", "inbox.svg")
' Add an item with a semantic variant color
myDock.AddItemWithVariant("settings", "Settings", "settings.svg", "primary")

' Add to your view
myDock.AddToParent(Root, 0, Root.Height - 64dip, Root.Width, 64dip)
myDock.ActiveIndex = 0

' Handle clicks
Sub myDock_ItemClick (ItemId As String)
    Log("User clicked: " & ItemId)
End Sub

Let me know what you think!




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