TLab Bamboo DLS #

A custom widget library created by TLab for TLab.

Documentation #

Section	Description
Design System Overview	Philosophy, architecture, component hierarchy
Foundation	Colors, typography, spacing, shadows
Guides	Theme setup, interaction patterns, best practices
Components	Individual component documentation

The package provides the following components and utilities:

Button: Various button styles and behaviors.
Checkbox & Checkbox group: Checkbox widget.
Radio & Radio Group: Radio Button widget.
Switch: Input controls for selection and toggles.
Text Field & Dropdown: Form inputs and dropdown selectors.
Accordion: Expandable content widget.
Avatar & Badge: Avatar and badge components for identity and notifications.
Tile & Header: Layout tiles and header components.
Tab & Stepper: Tab navigation and stepper for multi-step flows.
Alert & Dialog: Notification and interactive dialog components.
Progress & Slider: Progress indicators and sliders for value input.
Bottom Navigation: Bottom navigation with multiple styles.
Calendar: Calendar widget.
Charts: Bar, pie, doughnut, line charts and more for data visualization.
Breadcrumbs: Breadcrumb navigation.
Font: font widget.
Title Section: Section header to present a clear title.

Add the package to your pubspec.yaml:

dependencies:
  flutter_bamboo_ui_kit:

Example usage of a Text Field:

TTextField(
  label: "Full Name",
  hintText: "Enter your name",
  onChanged: (value) {
    print("Name: $value");
  },
)