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 Download from GitHub Download from Google Drive Track the Project Ask NotebookLLM about B4XDaisyUI I am proud to present the B4X Daisy UI Kit, a suite of native custom views designed to bring the modern aesthetic and utility of the DaisyUI (Tailwind CSS) framework to B4X...