dts_flutterwidgets 2.0.2

Flutter UI-only widget library for DTS-styled reusable components.

dts_flutterwidgets

Flutter UI-only widget library with buttons, cards, dialogs, inputs, dropdowns, navigation and more for consistent DTS design.

This package only exposes reusable presentation components. Business features and domain-specific pages (for example identification details flows) are intentionally out of scope.

Installation

Add to your pubspec.yaml:

dependencies:
  dts_flutterwidgets: ^2.0.0

Then run:

flutter pub get

Usage

Import the package:

import 'package:dts_flutterwidgets/dts_flutterwidgets.dart';

Examples

Buttons

DtsButton(
  text: 'Aceptar',
  onPressed: () {},
)

Card

DtsCard(
  width: double.infinity,
  child: Text('Content'),
)

Dialog

DtsDialog(
  context: context,
  title: 'Título',
  content: Text('Message'),
  actions: [
    DtsButton(text: 'Cerrar', onPressed: () => Navigator.pop(context)),
  ],
).show();

Theme

MaterialApp(
  theme: DtsTheme().lightTheme,
  home: MyHomePage(),
)

Widgets included

• Alerts: DtsCustomAlert
• App bars: DtsAppBar, DtsAppBarIconButton, DtsAppBarTextButton
• Buttons: DtsButton, DtsIconButton, DtsTextButton
• Cards: DtsCard
• Containers: DtsOutlinedContainer, DtsSubnavigationPage
• Dialogs: DtsDialog
• Dropdowns: DtsDropdown, DtsDropdownFilter
• Footers: DtsFooter
• Inputs: DtsCheckbox, DtsInputField, DtsMultilineInputField
• Loadings: DtsLoadingSpinner, DtsLoadableContent
• Navigation: DtsAppBarDelegate, DtsNavigationDrawer, DtsNavigationCategoryTitle
• Skeletons: DtsSkeletonLoading, DtsDocumentCardSkeleton, DtsListSkeleton
• Texts: DtsTitle, DtsSecondaryTitle
• Theme: DtsTheme, DtsColors

See the example/ app for a full demo.