This is a library of ui widgets to help you make flutter apps. Not ready for production.

Features

Example of the ui

Getting started

add the FBUI package to the pubspec.yaml in your project.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2
  fbui: 

Run get command

flutter pub get

Usage

Full example in FBUI/example/lib/example_view.dart link: https://github.com/KajakMonkey/FBUI/blob/main/example/lib/example_view.dart

import 'package:fb_ui/fb_ui.dart';

// Text
FBText.headingOne('H1 - title'),
FBText.headingTwo('H2 - title'),
FBText.headingThree('H3 - title'),
FBText.headline('Headline'),
FBText.subheading('Sub headline'),
FBText.body('this is body text'),
FBText.caption('caption'),

// Buttons
FBButton(title: 'title'),
FBText.body('normal'),
FBButton(title: 'title'),
FBText.body('disabled'),
FBButton(
  title: 'disabled',
  disabled: true,
),
SizedBox(height: 5),
FBText.body('Busy'),
FBButton(
  title: 'title',
  busy: true,
),
SizedBox(height: 5),
FBText.body('outline'),
FBButton.outline(
  title: 'title',
  leading: Icon(
    Icons.tab,
    color: Colors.black,
  ),
),
SizedBox(height: 5),
FBButton.twoStates(
  title: 'title',
  secondaryTitle: 'secondaryTitle',
  busy: true,
),
FBInputField(
  controller: TextEditingController(),
  placeholder: 'name',
),
FBInputField(
  controller: TextEditingController(),
  placeholder: 'password',
  password: true,
),
FBInputField(
  controller: TextEditingController(),
  placeholder: 'TV code',
  leading: Icon(Icons.tv),
),
// settings Card
FBSettingsCard(
  title: 'test',
  items: [
    testWidget(placeholder: tester),
    testWidget2(
      placeholder: tester,
    )
  ],
),

Additional information