digit_ui_components 0.0.1+7 copy "digit_ui_components: ^0.0.1+7" to clipboard
digit_ui_components: ^0.0.1+7 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+7

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/blocs/fetch_location_bloc.dart';
import 'package:digit_ui_components/blocs/fetch_location_bloc.freezed.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/ColorTheme/light_color_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/action_card_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/back_button_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/bread_crumb_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/button_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/checkbox_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/chip_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/digit_tab_bar_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/digit_tag_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/divider_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/info_card_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/panel_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/pop_up_card_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/radio_list_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/switch_theme.dart';
import 'package:digit_ui_components/theme/ComponentTheme/toast_theme_data.dart';
import 'package:digit_ui_components/theme/SpacerTheme/spacer_theme.dart';
import 'package:digit_ui_components/theme/TextTheme/button_text_theme.dart';
import 'package:digit_ui_components/theme/TextTheme/desktop_text_theme.dart';
import 'package:digit_ui_components/theme/TextTheme/digit_text_theme.dart';
import 'package:digit_ui_components/theme/TextTheme/mobile_text_theme.dart';
import 'package:digit_ui_components/theme/TextTheme/tab_text_theme.dart';
import 'package:digit_ui_components/theme/colors.dart';
import 'package:digit_ui_components/theme/digit_colors.dart';
import 'package:digit_ui_components/theme/digit_extended_theme.dart';
import 'package:digit_ui_components/theme/digit_theme.dart';
import 'package:digit_ui_components/theme/digit_typography.dart';
import 'package:digit_ui_components/theme/spacers.dart';
import 'package:digit_ui_components/theme/text_theme_extension.dart';
import 'package:digit_ui_components/theme/theme.dart';
import 'package:digit_ui_components/theme/typography.dart';
import 'package:digit_ui_components/utils/app_logger.dart';
import 'package:digit_ui_components/utils/component_utils.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/accordion.dart';
import 'package:digit_ui_components/widgets/atoms/digit_action_card.dart';
import 'package:digit_ui_components/widgets/atoms/digit_back_button.dart';
import 'package:digit_ui_components/widgets/atoms/digit_base_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_bread_crumbs.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_chip.dart';
import 'package:digit_ui_components/widgets/atoms/digit_date_form_input.dart';
import 'package:digit_ui_components/widgets/atoms/digit_divider.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_loader.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_otp_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_bar.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_tab.dart';
import 'package:digit_ui_components/widgets/atoms/digit_tag.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/dob_picker.dart';
import 'package:digit_ui_components/widgets/atoms/dropdown_wrapper.dart';
import 'package:digit_ui_components/widgets/atoms/group_menu_card.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/label_value_list.dart';
import 'package:digit_ui_components/widgets/atoms/labelled_fields.dart';
import 'package:digit_ui_components/widgets/atoms/menu_card.dart';
import 'package:digit_ui_components/widgets/atoms/panel.dart';
import 'package:digit_ui_components/widgets/atoms/pop_up_card.dart';
import 'package:digit_ui_components/widgets/atoms/reactive_fields.dart';
import 'package:digit_ui_components/widgets/atoms/selection_card.dart';
import 'package:digit_ui_components/widgets/atoms/switch.dart';
import 'package:digit_ui_components/widgets/atoms/table_body.dart';
import 'package:digit_ui_components/widgets/atoms/table_cell.dart';
import 'package:digit_ui_components/widgets/atoms/table_column.dart';
import 'package:digit_ui_components/widgets/atoms/table_container.dart';
import 'package:digit_ui_components/widgets/atoms/table_footer.dart';
import 'package:digit_ui_components/widgets/atoms/table_header.dart';
import 'package:digit_ui_components/widgets/atoms/text_block.dart';
import 'package:digit_ui_components/widgets/atoms/timeline.dart';
import 'package:digit_ui_components/widgets/atoms/tool_tip.dart';
import 'package:digit_ui_components/widgets/atoms/tooltip_2.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/camera_handler.dart';
import 'package:digit_ui_components/widgets/helper_widget/digit_profile.dart';
import 'package:digit_ui_components/widgets/helper_widget/dropdown_options.dart';
import 'package:digit_ui_components/widgets/helper_widget/overlay_dropdown.dart';
import 'package:digit_ui_components/widgets/helper_widget/simple_dropdown_list.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/molecules/bottom_sheet.dart';
import 'package:digit_ui_components/widgets/molecules/digit_card.dart';
import 'package:digit_ui_components/widgets/molecules/digit_footer.dart';
import 'package:digit_ui_components/widgets/molecules/digit_header.dart';
import 'package:digit_ui_components/widgets/molecules/digit_table.dart';
import 'package:digit_ui_components/widgets/molecules/digit_timeline_molecule.dart';
import 'package:digit_ui_components/widgets/molecules/hamburger.dart';
import 'package:digit_ui_components/widgets/molecules/landing_page_card.dart';
import 'package:digit_ui_components/widgets/molecules/landing_page_card_list.dart';
import 'package:digit_ui_components/widgets/molecules/language_selection_card.dart';
import 'package:digit_ui_components/widgets/molecules/panel_cards.dart';
import 'package:digit_ui_components/widgets/molecules/show_pop_up.dart';
import 'package:digit_ui_components/widgets/molecules/side_nav_bar.dart';
import 'package:digit_ui_components/widgets/molecules/table_container_molecule.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';