gen_z_designs 0.0.1-pre.2

GenZdesigns is open source library that come with pre-build & easy to customize UI components for GenZ's to fasten and ease their development.

About Package

GenZdesigns is an open source library that come with pre-build & easy to customize UI components for GenZ's to fasten and ease their development.

Features

• GenZButton
• GenZCountdown

Getting started

flutter pub add gen_z_design

Usage

To use this package :

• add the dependency to your pubspec.yaml file.

  dependencies:
    flutter:
      sdk: flutter
    gen_z_designs:

• then import package
  • import 'package:gen_z_designs/gen_z_designs.dart'

How to use:

GenZButton

// Basic Use of GenZButton 
GenZButton(
    onPressed: () {},
    text: "GenZdesign: Designs of new Generation.",
);

// GenZButton with outline
GenZButton(
    onPressed: () {},
    text: "GenZdesign: Designs of new Generation.",
    type: GenZButtonType.OUTLINED,
);

// GenZButton with Transparent
GenZButton(
    onPressed: () {},
    text: "GenZdesign: Designs of new Generation.",
    type: GenZButtonType.TRANSPARENT,
);

// Try these below properties in GenZButton

GenZPosition { LEADING, TRAILING, CENTER }
GenZButtonShape { SQUARE, PILL, DEFAULT }
GenZSize { SMALL, MEDIUM, LARGE, XLARGE }
GenZButtonType { FILL, TRANSPARENT, OUTLINED, OUTLINED2X }

GenZButton with badge

// Button with badge outside it.
// Default type of badge button
GenZButton(
    text: "Text Button",
    onPressed: () {},
    badge: true,
    type: GenZButtonType.OUTLINED,
    badgeColor: Colors.red,
);

// Button with badge inside it.
GenZButton(
    text: "Text Button",
    onPressed: () {},
    badge: true,
    type: GenZButtonType.OUTLINED,
    badgeColor: Colors.amber,
    badgeType: BadgeType.INSIDE,
    badgeText: const Icon(Icons.abc, size: 10),
);

// Try new prams of badges in GenZButton 

GenZCountDown

// Basic Use of GenZCountdown for countdown for 300sec.
// Will print GenZ Sale Ended when countdown completed.
GenZCountdown(
   duration: Duration(seconds: 300),
   onDone: () => print("GenZ Sale Ended"),
);

// Basic Use of GenZCountdown for countUp till 300sec.
GenZCountdown(
   duration: Duration(seconds: 300),
   isIncremental: true,
   onDone: () => print("GenZ Sale Ended"),
);

// Also try many params of GenZCountdown

Additional information

Checkout everything at: https://github.com/kaushalzod/GenZdesigns