design

Description:

design

Flutter App Design System #
Provides basic widgets with default style and design.
Widgets are able to inherit colors from the app theme.
Demo #
Web app example
Features #

LabTextField
LabPrimaryButton

Getting started #

Add design as a dependency in your pubspec.yaml file.
Import the library: import 'package:design/design.dart';

Example #
LabTextField(
decoration: InputDecoration(
prefixIcon: Icon(Icons.lock_outline),
suffixIcon: Icon(Icons.visibility_off_outlined),
labelText: 'Label text',
helperText: 'Supporting text',
),
),
copied to clipboard
LabPrimaryButton(
'Button title',
minimumSize: const Size(200, 48),
backgroundColor: const Color(0xFF0B0020),
disabledBackgroundColor: const Color(0xFFCFCED8),
textStyle: const TextStyle(
fontSize: 16,
color: Color(0xFFFFFFFF),
),
onPressed: () {
// handle click
},
)
copied to clipboard
Additional information #
We plan to add more complex widgets in the future along with some utility widgets and classes
for setting up colors, text themes, fonts etc.