This is a collection of component widgets developed by Zero One Group.

Features

This package consists of components and a theme extension.

Components

Forms

  • ZeroTextfield
  • ZeroDropdown
  • ZeroRadioGroup
  • ZeroDropdownButton
  • ZeroDropdownMenu
  • ZeroCheckbox
  • ZeroSwitch
  • ZeroSlider

Buttons

  • ZeroButton
  • ZeroButtonGroup
  • ZeroNavigationBar
  • ZeroNavigationDrawer
  • ZeroAppBar
  • ZeroNavigationRail
  • ZeroTabBar

Theme

  • ZeroTheme
  • ZeroThemeData

Foundation

  • Colors
  • Typography

Forms

  • ZeroTextfield
  • ZeroButton
  • ZeroButtonGroup
  • ZeroDropdown

For more information about the available components, please refer: https://zero-ui-mobile.web.app/#/

Usage

Add dependency

Please check the latest version before installation. If there is any problem with the new version, please use the previous version

    dependencies:
    flutter:
        sdk: flutter
    zog_ui: ^{latest version}

Import the package

Add the following imports to your Dart code. The first file that need this to be imported in is the file contains MaterialApp import 'package:zog_ui/zog_ui.dart';

Use ZeroApp

Replace your MaterialApp with ZeroApp. Otherwise it will not work. All the build-in Flutter widgets are fully supported here as well.

Additional information

If you want to browse all the available widget, on you VS Code editor, just type "Zero" and then hold cmd+space. It will show the suggestion of what are available.

For more informationa and previews of the available components, please refer: https://zero-ui-mobile.web.app/#/

Libraries

assets/assets
components/accordion/zero_accordion
components/alert_dialog/zero_alert_dialog
components/app
components/avatar/zero_avatar
components/avatar/zero_avatar_group
components/badge/zero_badge
components/bottom_sheet/zero_bottom_sheet
components/button/zero_button
components/button/zero_button_icon
components/button_group/custom/button_group_item
components/button_group/custom/underline_button_group
components/button_group/zero_button_group
components/card/zero_card
components/checkbox/zero_checkbox
components/chip/zero_chip_filled
components/chip/zero_chip_outlined
components/datepicker/docked/zero_datepicker_docked
components/datepicker/docked/zero_docked_calendar_datepicker
components/datepicker/modal/zero_calendar_datepicker
components/datepicker/modal/zero_datepicker
components/datepicker/modal/zero_datepicker_input
components/divider/divider
components/dropdown_button/zero_dropdown_button
components/dropdown_menu/zero_dropdown_menu
components/grid/zero_grid
components/icons/two_tone_icons
components/icons/zero_icons
components/list/list_tile
components/list/list_tile_left_icon
components/list/list_tile_right_icon
components/navigation/drawer/zero_navigation_drawer
components/navigation/zero_app_bar
components/navigation/zero_navigation_bar
components/navigation/zero_navigation_rail
components/navigation/zero_tab_bar
components/progress_indicator/zero_progress_indicator
components/radio_group/zero_radio_group
components/rating/zero_rating
components/skeleton/zero_skeleton
components/slider/zero_range_slider
components/slider/zero_slider
components/snackbar/zero_snackbar
components/snackbar/zero_snackbar_alert
components/speed_dial/zero_speed_dial
components/stepper/zero_stepper
components/switch/zero_switch
components/switch/zero_switch_android
components/switch/zero_switch_ios
components/text/zero_text
components/textfield/zero_textfield
components/textfield/zero_textfield_multiline
components/timepicker/zero_time_picker
components/tooltip/zero_tooltip
components/tooltip/zero_tooltip_style
model/zero_range_values
position/badge_potision
position/snackbar_position
position/speed_dial_direction
position/step_subtitle_position
position/tooltip_position
size/app_bar_size
size/avatar_size
size/button_size
size/chip_size
size/list_tile_size
size/size_type
size/text_field_size
size/zero_slider_size
styles/color_accent
styles/colors
styles/component/alert_dialog_style
styles/component/app_bar_style
styles/component/avatar_style
styles/component/bottom_sheet_style
styles/component/button_group_style
styles/component/button_icon_style
styles/component/button_style
styles/component/card_style
styles/component/checkbox_style
styles/component/chip_style
styles/component/datepicker_style
styles/component/divider_style
styles/component/expansion_tile_style
styles/component/list_tile_style
styles/component/progress_style
styles/component/radio_style
styles/component/rating_style
styles/component/skeleton_style
styles/component/slider_style
styles/component/snackbar_style
styles/component/speed_dial_style
styles/component/step_style
styles/component/stepper_style
styles/component/switch_style
styles/component/tab_bar_style
styles/component/textfield_style
styles/component/timepicker_style
styles/component/tooltip_style
styles/theme
styles/typography
types/badge_type
types/button_group_type
types/button_radius_type
types/card_variant
types/input_decoration_type
types/snackbar_alert_type
types/snackbar_alert_variant
types/snackbar_type
utils/extensions/color_extension
utils/extensions/num_extensions
utils/extensions/theme_extensions
zog_ui