zwap_design_system 0.1.0

This is a package to build a standard design system kit for any zwap projects

zwap_design_system

The Zwap design system kit

General Info

This repository is a simple package to get the base design asset system kit for any flutter projects with the graphic like zwap.in

Structure

• Base folder

  • media

    • ZwapAsset: component to render a custom image from local path or network path with zwap style
    • ZwapIcon: component to render a custom icon with zwap style

  • avatar

    • ZwapAvatar: component to render a custom avatar component with Zwap style

  • buttons

    • ZwapButton: component to render a zwap button with different predefined type of styles

  • card

    • ZwapCard: component to render a card with zwap predefined style

  • checkBoxes

    • ZwapTodoCheck: Custom widget to render a TODO checkbox
    • ZwapClassicCheckBox: Custom widget to render a custom checkbox

  • customExpansion

    • ZwapCustomExpansionTile: Custom widget to display an expansion widget with elements inside that and as heading component

  • dropdown

    • ZwapCustomDropDown: component to render a zwap dropdown component with the zwap style

  • text

    • baseText: Component to render text with predefined font, and different styles in base of the type based as param

  • switch

    • CustomSwitch: Custom switch component with predefined style

  • progress

    • LinearPercentIndicator: Custom component to render a linear progress bar component
    • CircularPercentIndicator: Custom component to render a circular progress bar component

  • loading

    • LoadingSpinner: Custom loader component

  • layouts

    • horizontalScroll: Custom component to render an horizontal scroll
    • verticalScroll: Custom component to render an vertical scroll
    • infiniteScroll: Custom component to render an infinite scroll

  • labelWidget

    • labelWidget: Custom component to render a widget with a label on Top

  • inputs

    • inputTag: Custom component to show input suggestion with value inside a dynamic row as tag elements
    • classic: Classic input component with predefined style

  • theme

    • colors: Zwap colors
    • constants: Zwap constants value

• basicScreen folder

  • notFound: default not found object screen
  • notSupportedScreen: default not supported device screen
  • splashComponent: default splashComponent screen