Hi Fam!
Tired of the standard tab look? Meet B4XDaisyTab, a highly customizable tab component for the B4X ecosystem, heavily inspired by the clean aesthetics of DaisyUI and the flexibility of Tailwind CSS.
Whether you need a simple bottom-line indicator or a sophisticated "lifted" tab with rounded corners, B4XDaisyTab has you covered.
Key Features:
Simple Usage Example:
Enjoy building more modern interfaces!
Related Content
Tired of the standard tab look? Meet B4XDaisyTab, a highly customizable tab component for the B4X ecosystem, heavily inspired by the clean aesthetics of DaisyUI and the flexibility of Tailwind CSS.
Whether you need a simple bottom-line indicator or a sophisticated "lifted" tab with rounded corners, B4XDaisyTab has you covered.
Key Features:
- 4 Unique Styles: Choose between default, border, lift, and box variants to match your app's aesthetic.
- 5 Sizes: From XS for dense data to XL for bold navigation, the component scales perfectly.
- Fully Responsive: Built-in support for scrollable tabs ensures your navigation stays usable even when you have many categories.
- Icon Support: Seamlessly integrate text or SVG icons into your tab labels.
- Flexible Placement: Position your tab bar at the top or bottom of the screen with a single property.
- Theming Ready: Supports standard variant colors like primary, secondary, accent, success, and error.
Simple Usage Example:
B4X:
' Initialize the component
DaisyTab1.Initialize(Me, "DaisyTab1")
DaisyTab1.AddToParent(Root, 0, 0, Root.Width, 60dip)
' Add some tabs with icons
DaisyTab1.AddTab("Home")
DaisyTab1.AddTabWithIcon("Settings", "settings.svg")
DaisyTab1.AddTab("Profile")
' Set content for a specific tab
Dim pnlHome As B4XView = xui.CreatePanel("")
'... add your views to pnlHome here ...
DaisyTab1.SetTabContent(0, pnlHome)
' Customize the style (e.g., Lift style)
DaisyTab1.Style = "lift"
DaisyTab1.ActiveColor = "primary"
' Refresh to apply all changes
DaisyTab1.RefreshEnjoy building more modern interfaces!
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...