digit_ui_components 0.0.1+5 copy "digit_ui_components: ^0.0.1+5" to clipboard
digit_ui_components: ^0.0.1+5 copied to clipboard

Digit UI Design specification

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add digit_ui_components

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  digit_ui_components: ^0.0.1+5

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:digit_ui_components/blocs/AppLocalization.dart';
import 'package:digit_ui_components/blocs/DateSelection.dart';
import 'package:digit_ui_components/blocs/LocationBloc.dart';
import 'package:digit_ui_components/blocs/TimeSelectionBloc.dart';
import 'package:digit_ui_components/blocs/component_localization_delegate.dart';
import 'package:digit_ui_components/constants/AppView.dart';
import 'package:digit_ui_components/constants/app_constants.dart';
import 'package:digit_ui_components/constants/constant.dart';
import 'package:digit_ui_components/digit_components.dart';
import 'package:digit_ui_components/enum/app_enums.dart';
import 'package:digit_ui_components/models/DropdownModels.dart';
import 'package:digit_ui_components/models/RadioButtonModel.dart';
import 'package:digit_ui_components/models/TreeModel.dart';
import 'package:digit_ui_components/models/models.dart';
import 'package:digit_ui_components/models/toggleButtonModel.dart';
import 'package:digit_ui_components/theme/colors.dart';
import 'package:digit_ui_components/theme/digit_theme.dart';
import 'package:digit_ui_components/theme/spacers.dart';
import 'package:digit_ui_components/theme/theme.dart';
import 'package:digit_ui_components/theme/typography.dart';
import 'package:digit_ui_components/utils/date_utils.dart';
import 'package:digit_ui_components/utils/fileService/file_download.dart';
import 'package:digit_ui_components/utils/fileService/file_service.dart';
import 'package:digit_ui_components/utils/fileService/mobile_file_download.dart';
import 'package:digit_ui_components/utils/fileService/mobile_file_service.dart';
import 'package:digit_ui_components/utils/fileService/web_file_download.dart';
import 'package:digit_ui_components/utils/fileService/web_file_service.dart';
import 'package:digit_ui_components/utils/i18_key_constants.dart';
import 'package:digit_ui_components/utils/time_utils.dart';
import 'package:digit_ui_components/utils/utils.dart';
import 'package:digit_ui_components/utils/validators/file_validator.dart';
import 'package:digit_ui_components/utils/validators/image_validator.dart';
import 'package:digit_ui_components/utils/validators/validator.dart';
import 'package:digit_ui_components/widgets/atoms/digit_base_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_button.dart';
import 'package:digit_ui_components/widgets/atoms/digit_checkbox.dart';
import 'package:digit_ui_components/widgets/atoms/digit_checkbox_icon.dart';
import 'package:digit_ui_components/widgets/atoms/digit_date_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_dropdown_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_info_card.dart';
import 'package:digit_ui_components/widgets/atoms/digit_location_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_multiselect_dropdown.dart';
import 'package:digit_ui_components/widgets/atoms/digit_numeric_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_password_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_radio_list.dart';
import 'package:digit_ui_components/widgets/atoms/digit_search_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_stepper.dart';
import 'package:digit_ui_components/widgets/atoms/digit_text_area_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_text_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_time_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_toast.dart';
import 'package:digit_ui_components/widgets/atoms/digit_toggle.dart';
import 'package:digit_ui_components/widgets/atoms/digit_toggle_list.dart';
import 'package:digit_ui_components/widgets/atoms/digit_tree_select_dropdown.dart';
import 'package:digit_ui_components/widgets/atoms/dropdown_wrapper.dart';
import 'package:digit_ui_components/widgets/atoms/info_buttons.dart';
import 'package:digit_ui_components/widgets/atoms/input_wrapper.dart';
import 'package:digit_ui_components/widgets/atoms/labelled_fields.dart';
import 'package:digit_ui_components/widgets/atoms/reactive_fields.dart';
import 'package:digit_ui_components/widgets/atoms/timeline.dart';
import 'package:digit_ui_components/widgets/atoms/upload_drag.dart';
import 'package:digit_ui_components/widgets/atoms/upload_image.dart';
import 'package:digit_ui_components/widgets/atoms/upload_popUp.dart';
import 'package:digit_ui_components/widgets/helper_widget/button_list.dart';
import 'package:digit_ui_components/widgets/helper_widget/dropdown_options.dart';
import 'package:digit_ui_components/widgets/helper_widget/selection_chip.dart';
import 'package:digit_ui_components/widgets/helper_widget/tree_node_widget.dart';
import 'package:digit_ui_components/widgets/localized.dart';
import 'package:digit_ui_components/widgets/powered_by_digit.dart';
import 'package:digit_ui_components/widgets/scrollable_content.dart';
import 'package:digit_ui_components/widgets/widgets.dart';