den_design_system 2502.3.0

Discover DDS Flutter: A powerful package offering pre-built, customizable UI components for seamless, scalable Flutter app development. Elevate your projects today!

example/example.dart

import 'package:den_design_system/utils/button/button.utils.dart';
import 'package:den_design_system/utils/checkbox/checkbox.utils.dart';
import 'package:den_design_system/utils/textfield/textField.utils.dart';
import 'package:den_design_system/widgets/avatar/avatar.dart';
import 'package:den_design_system/widgets/badges/badges.dart';
import 'package:den_design_system/widgets/button/button.dart';
import 'package:den_design_system/widgets/card/card.dart';
import 'package:den_design_system/widgets/checkbox/checkbox.dart';
import 'package:den_design_system/widgets/divider/divider.dart';
import 'package:den_design_system/widgets/loader/loader.dart';
import 'package:den_design_system/widgets/modalDialogue/modal_dialogue.dart';
import 'package:den_design_system/widgets/progressIndicators/progress.dart';
import 'package:den_design_system/widgets/sliders/sliders.dart';
import 'package:den_design_system/widgets/textField/textField.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyExample());
}

class MyExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'DDS Component Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('DDS Component Example'),
        ),
        body: SafeArea(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Padding(padding: const EdgeInsets.only(left: 40.0)),
                Container(
                  width: 150,
                  child: DDSTextField(
                    label: "Enter Name",
                    shape: TextFieldShape.roundedRectangle,
                    countryCodes: const [],
                    placeholder: "name",
                    style: TextStyle(height: 1),
                  ),
                ),
                const SizedBox(width: 10),
                DDSAvatar(
                  size: AvatarSize.small,
                  state: AvatarState.active,
                  type: AvatarType.initial,
                  initials: 'JD',
                ),
                const SizedBox(width: 10),
                DDSBadges(variant: BadgesVariant.icon, child: Icon(Icons.add)),
                const SizedBox(width: 10),
                DDSButton(
                  label: 'Button',
                  onPressed: () => print('Button Pressed'),
                  size: ButtonSize.small,
                  type: ButtonType.primary,
                  shape: ButtonShape.rectangle,
                  width: 266.0,
                  height: 32.0,
                  minWidth: 266.0,
                  borderWidth: 1.0,
                ),
                const SizedBox(width: 10),
                DDSCard(title: 'Card Title', content: 'This is card contents'),
                const SizedBox(width: 10),
                DDSCheckbox(
                    variant: CheckboxVariant.defaultVariant,
                    onChanged: (value) {
                      print(value);
                    }),
                const SizedBox(width: 10),
                DDSLoader(loaderType: LoaderType.dotLoader),
                const SizedBox(width: 10),
                DDSDivider(type: DividerType.horizontal),
                const SizedBox(width: 10),
                DDSModalDialog(
                  totalSteps: 2,
                  showCurrentStepsDot: true,
                  showIcon: true,
                  stepContents: [
                    'Step 1',
                    'Step 2',
                  ],
                  title: Text('Modal Dialog'),
                  content: Text('This is modal dialog contents'),
                ),
                const SizedBox(width: 10),
                DDSProgressIndicator(variant: ProgressIndicatorVariant.linear),
                const SizedBox(width: 10),
                DDSSliders(
                    variant: SlidersVariant.basic, min: 0, max: 10, value: 5),
                const SizedBox(width: 10),
                Padding(padding: const EdgeInsets.only(right: 40.0)),
              ],
            ),
          ),
        ),
      ),
    );
  }
}