Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions demo_app/lib/screens/avatars.dart
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@ import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:ui_kit/components/avatar/gf_avatar.dart';
import 'package:ui_kit/components/card/gf_card.dart';
import 'package:ui_kit/components/header/gf_header.dart';
import 'package:ui_kit/components/typography/gf_typography.dart';
import 'package:ui_kit/shape/gf_avatar_shape.dart';
import 'package:ui_kit/types/gf_heading_type.dart';
import 'package:ui_kit/types/gf_typography_type.dart';
import 'package:ui_kit/colors/gf_color.dart';

class Avatars extends StatefulWidget {
Expand All @@ -27,9 +27,9 @@ class _AvatarsState extends State<Avatars> {
content: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
GFHeader(
GFTypography(
text: 'Circle Avatar',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -109,9 +109,9 @@ class _AvatarsState extends State<Avatars> {
content: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
GFHeader(
GFTypography(
text: 'Square Avatar',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -200,9 +200,9 @@ class _AvatarsState extends State<Avatars> {
content: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
GFHeader(
GFTypography(
text: 'Standard Avatar',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down
86 changes: 43 additions & 43 deletions demo_app/lib/screens/badges.dart
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@ import 'package:ui_kit/components/badge/gf_badge.dart';
import 'package:ui_kit/components/badge/gf_button_badge.dart';
import 'package:ui_kit/components/badge/gf_icon_badge.dart';
import 'package:ui_kit/components/card/gf_card.dart';
import 'package:ui_kit/components/header/gf_header.dart';
import 'package:ui_kit/components/typography/gf_typography.dart';
import 'package:ui_kit/components/tabs/gf_tabs.dart';
import 'package:ui_kit/components/button/gf_icon_button.dart';
import 'package:ui_kit/position/gf_position.dart';
import 'package:ui_kit/shape/gf_badge_shape.dart';
import 'package:ui_kit/shape/gf_button_shape.dart';
import 'package:ui_kit/size/gf_size.dart';
import 'package:ui_kit/types/gf_heading_type.dart';
import 'package:ui_kit/types/gf_typography_type.dart';
import 'package:ui_kit/types/gf_type.dart';
import 'package:ui_kit/components/tabs/gf_tabBarView.dart';

Expand Down Expand Up @@ -51,9 +51,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Types of Badges',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -90,9 +90,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Circled Badges with different Sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -126,9 +126,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Squared Badges with different sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -162,9 +162,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Pills with different sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -201,9 +201,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Standard Badges with different sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -241,9 +241,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Types of Button Badges',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand All @@ -255,7 +255,7 @@ class _BadgesState extends State<Badges> {
shape: GFButtonShape.pills,
type: GFType.solid,
color: GFColor.info,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.warning,
shape: GFBadgeShape.circle,
Expand All @@ -268,7 +268,7 @@ class _BadgesState extends State<Badges> {
shape: GFButtonShape.square,
type: GFType.solid,
color: GFColor.warning,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
shape: GFBadgeShape.circle,
color: GFColor.info,
Expand All @@ -280,7 +280,7 @@ class _BadgesState extends State<Badges> {
color: GFColor.success,
shape: GFButtonShape.standard,
type: GFType.solid,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
textColor: GFColor.white,
color: GFColor.danger,
Expand All @@ -297,9 +297,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Positions of Button Badges',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand All @@ -311,7 +311,7 @@ class _BadgesState extends State<Badges> {
shape: GFButtonShape.pills,
type: GFType.solid,
color: GFColor.info,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.warning,
shape: GFBadgeShape.circle,
Expand All @@ -324,7 +324,7 @@ class _BadgesState extends State<Badges> {
shape: GFButtonShape.square,
type: GFType.solid,
color: GFColor.warning,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
shape: GFBadgeShape.circle,
color: GFColor.info,
Expand All @@ -337,7 +337,7 @@ class _BadgesState extends State<Badges> {
color: GFColor.success,
shape: GFButtonShape.standard,
type: GFType.solid,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
textColor: GFColor.white,
color: GFColor.danger,
Expand All @@ -355,9 +355,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Pilled shape Button Badges with sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand All @@ -370,7 +370,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.large,
type: GFType.solid,
color: GFColor.info,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.warning,
size: GFSize.large,
Expand All @@ -385,7 +385,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.medium,
type: GFType.outline,
color: GFColor.info,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.warning,
size: GFSize.medium,
Expand All @@ -400,7 +400,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.small,
type: GFType.transparent,
color: GFColor.info,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.warning,
size: GFSize.small,
Expand All @@ -418,9 +418,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Squared shape Button Badges with sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand All @@ -433,7 +433,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.large,
type: GFType.solid,
color: GFColor.warning,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.info,
size: GFSize.large,
Expand All @@ -448,7 +448,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.medium,
type: GFType.outline,
color: GFColor.warning,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.info,
size: GFSize.medium,
Expand All @@ -463,7 +463,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.small,
type: GFType.transparent,
color: GFColor.warning,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.info,
size: GFSize.small,
Expand All @@ -481,9 +481,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Standard Button Badges with sizes',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand All @@ -496,7 +496,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.large,
type: GFType.solid,
color: GFColor.primary,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.danger,
size: GFSize.large,
Expand All @@ -512,7 +512,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.medium,
type: GFType.outline,
color: GFColor.primary,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.danger,
textColor: GFColor.white,
Expand All @@ -528,7 +528,7 @@ class _BadgesState extends State<Badges> {
size: GFSize.small,
type: GFType.transparent,
color: GFColor.primary,
counterChild: GFBadge(
icon: GFBadge(
text: '12',
color: GFColor.danger,
textColor: GFColor.white,
Expand All @@ -551,9 +551,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Types of Icon Badges',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -625,9 +625,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Shapes of Icon Badges',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down Expand Up @@ -693,9 +693,9 @@ class _BadgesState extends State<Badges> {
GFCard(
content: Column(
children: <Widget>[
GFHeader(
GFTypography(
text: 'Sizes of Icon Badges',
type: GFHeadingType.typo6,
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
Expand Down
Loading