design 0.0.9 copy "design: ^0.0.9" to clipboard
design: ^0.0.9 copied to clipboard

Flutter App Design System

IMAGE_DESCRIPTION

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 #

  1. LabTextField
  2. LabPrimaryButton

Getting started #

  1. Add design as a dependency in your pubspec.yaml file.
  2. 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',
  ),
),
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
    },
)

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.

2
likes
110
pub points
33%
popularity

Publisher

verified publisherlab.mobi

Flutter App Design System

Homepage

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on design