nomo_ui_kit 0.0.3 copy "nomo_ui_kit: ^0.0.3" to clipboard
nomo_ui_kit: ^0.0.3 copied to clipboard

UI Component Library

Use this package as a library

Depend on it

Run this command:

With Dart:

 $ dart pub add nomo_ui_kit

With Flutter:

 $ flutter pub add nomo_ui_kit

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

dependencies:
  nomo_ui_kit: ^0.0.3

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

Import it

Now in your Dart code, you can use:

import 'package:nomo_ui_kit/animations/implicit/animated_nomo_default_textstyle.dart';
import 'package:nomo_ui_kit/app/animator.dart';
import 'package:nomo_ui_kit/app/metric_reactor.dart';
import 'package:nomo_ui_kit/app/nomo_app.dart';
import 'package:nomo_ui_kit/app/notifications/app_notification.dart';
import 'package:nomo_ui_kit/components/app/app.dart';
import 'package:nomo_ui_kit/components/app/app_bar/layout/appbar_layout_delegate.dart';
import 'package:nomo_ui_kit/components/app/app_bar/layout/appbar_layout_renderbox.dart';
import 'package:nomo_ui_kit/components/app/app_bar/nomo_app_bar.dart';
import 'package:nomo_ui_kit/components/app/app_bar/nomo_app_bar.theme_data.g.dart';
import 'package:nomo_ui_kit/components/app/bottom_bar/nomo_bottom_bar.dart';
import 'package:nomo_ui_kit/components/app/bottom_bar/nomo_bottom_bar.theme_data.g.dart';
import 'package:nomo_ui_kit/components/app/bottom_bar/nomo_horizontal_tile.dart';
import 'package:nomo_ui_kit/components/app/routebody/nomo_route_body.dart';
import 'package:nomo_ui_kit/components/app/routebody/nomo_route_body.theme_data.g.dart';
import 'package:nomo_ui_kit/components/app/scaffold/nomo_scaffold.dart';
import 'package:nomo_ui_kit/components/app/scaffold/nomo_scaffold.theme_data.g.dart';
import 'package:nomo_ui_kit/components/app/scaffold/nomo_scaffold_layout.dart';
import 'package:nomo_ui_kit/components/app/sider/nomo_sider.dart';
import 'package:nomo_ui_kit/components/app/sider/nomo_sider.theme_data.g.dart';
import 'package:nomo_ui_kit/components/buttons/base/nomo_button.dart';
import 'package:nomo_ui_kit/components/buttons/link/nomo_link_button.dart';
import 'package:nomo_ui_kit/components/buttons/link/nomo_link_button.theme_data.g.dart';
import 'package:nomo_ui_kit/components/buttons/primary/nomo_primary_button.dart';
import 'package:nomo_ui_kit/components/buttons/primary/nomo_primary_button.theme_data.g.dart';
import 'package:nomo_ui_kit/components/buttons/secondary/nomo_secondary_button.dart';
import 'package:nomo_ui_kit/components/buttons/secondary/nomo_secondary_button.theme_data.g.dart';
import 'package:nomo_ui_kit/components/buttons/text/nomo_text_button.dart';
import 'package:nomo_ui_kit/components/buttons/text/nomo_text_button.theme_data.g.dart';
import 'package:nomo_ui_kit/components/card/card_const.dart';
import 'package:nomo_ui_kit/components/card/nomo_card.dart';
import 'package:nomo_ui_kit/components/card/nomo_card.theme_data.g.dart';
import 'package:nomo_ui_kit/components/context_menu/context_menu.dart';
import 'package:nomo_ui_kit/components/data/nodata/no_data.dart';
import 'package:nomo_ui_kit/components/dialog/nomo_dialog.dart';
import 'package:nomo_ui_kit/components/dialog/nomo_dialog.theme_data.g.dart';
import 'package:nomo_ui_kit/components/divider/nomo_divider.dart';
import 'package:nomo_ui_kit/components/divider/nomo_divider.theme_data.g.dart';
import 'package:nomo_ui_kit/components/dropdownmenu/drop_down_item.dart';
import 'package:nomo_ui_kit/components/dropdownmenu/dropdownmenu.dart';
import 'package:nomo_ui_kit/components/elevatedBox/elevated_box.dart';
import 'package:nomo_ui_kit/components/expandable/expandable.dart';
import 'package:nomo_ui_kit/components/expandable/expandable.theme_data.g.dart';
import 'package:nomo_ui_kit/components/info_item/nomo_info_item.dart';
import 'package:nomo_ui_kit/components/info_item/nomo_info_item.theme_data.g.dart';
import 'package:nomo_ui_kit/components/input/cupertino_text_input.dart';
import 'package:nomo_ui_kit/components/input/form/nomo_form.dart';
import 'package:nomo_ui_kit/components/input/textInput/nomo_input.dart';
import 'package:nomo_ui_kit/components/input/textInput/nomo_input.theme_data.g.dart';
import 'package:nomo_ui_kit/components/input/textInput/text_layout.dart';
import 'package:nomo_ui_kit/components/layout/dynamic_row/dynamic_row.dart';
import 'package:nomo_ui_kit/components/loading/fade_in.dart';
import 'package:nomo_ui_kit/components/loading/loading.dart';
import 'package:nomo_ui_kit/components/loading/loading.theme_data.g.dart';
import 'package:nomo_ui_kit/components/loading/shimmer/loading_container.dart';
import 'package:nomo_ui_kit/components/loading/shimmer/loading_shimmer.dart';
import 'package:nomo_ui_kit/components/loading/shimmer/shimmer.dart';
import 'package:nomo_ui_kit/components/loading/shimmer/shimmer.theme_data.g.dart';
import 'package:nomo_ui_kit/components/modal_sheet/modal_sheet.dart';
import 'package:nomo_ui_kit/components/notification/nomo_notification.dart';
import 'package:nomo_ui_kit/components/notification/nomo_notification.theme_data.g.dart';
import 'package:nomo_ui_kit/components/outline_container/nomo_outline_container.dart';
import 'package:nomo_ui_kit/components/outline_container/nomo_outline_container.theme_data.g.dart';
import 'package:nomo_ui_kit/components/text/nomo_text.dart';
import 'package:nomo_ui_kit/components/vertical_menu/nomo_vertical_menu.dart';
import 'package:nomo_ui_kit/components/vertical_menu/nomo_vertical_menu.theme_data.g.dart';
import 'package:nomo_ui_kit/components/vertical_menu/nomo_vertical_tile.dart';
import 'package:nomo_ui_kit/components/vertical_menu/nomo_vertical_tile.theme_data.g.dart';
import 'package:nomo_ui_kit/entities/menu_item.dart';
import 'package:nomo_ui_kit/entities/nomo_decoration.dart';
import 'package:nomo_ui_kit/icons/icon_data.dart';
import 'package:nomo_ui_kit/icons/nomo_icons.dart';
import 'package:nomo_ui_kit/icons/nomo_icons.g.dart';
import 'package:nomo_ui_kit/nomo_ui_kit_base.dart';
import 'package:nomo_ui_kit/theme/nomo_theme.dart';
import 'package:nomo_ui_kit/theme/sub/nomo_color_theme.dart';
import 'package:nomo_ui_kit/theme/sub/nomo_color_theme.g.dart';
import 'package:nomo_ui_kit/theme/sub/nomo_constants.dart';
import 'package:nomo_ui_kit/theme/sub/nomo_sizing_theme.dart';
import 'package:nomo_ui_kit/theme/sub/nomo_sizing_theme.g.dart';
import 'package:nomo_ui_kit/theme/sub/nomo_typography_theme.dart';
import 'package:nomo_ui_kit/theme/theme_extension.dart';
import 'package:nomo_ui_kit/theme/theme_provider.dart';
import 'package:nomo_ui_kit/utils/extensions.dart';
import 'package:nomo_ui_kit/utils/layout_extensions.dart';
import 'package:nomo_ui_kit/utils/multi_wrapper.dart';
import 'package:nomo_ui_kit/utils/platform_info.dart';
import 'package:nomo_ui_kit/utils/tweens.dart';