Components

1. zui-autocomplete
2. zui-button
3. zui-chart
4. zui-checkbox
5. zui-chip
6. zui-date-time-picker
7. zui-dialog
8. zui-excel
9. zui-input
10. zui-loading
11. zui-menu
12. zui-pdf
13. zui-popover
14. zui-print
15. zui-radio
16. zui-select
17. zui-sidenav
18. zui-table
19. zui-tabs
20. zui-template
21. zui-toast
22. zui-upload

Services

1. ZuiAxios
2. ZuiDirective
3. ZuiEvent
4. ZuiGraphQL
5. ZuiPermission
6. ZuiPipe
7. ZuiSocket
8. ZuiStorage
9. ZuiTranslate
10. ZuiUtility

Installation

Prerequisites

• Node v19
• Angular v15

Install package

1. npm install @material-zui/angular or yarn add @material-zui/angular

2. Add css style by modify angular.json file

   {
     "application-name": {
       "projectType": "application",
       "architect": {
         "build": {
           "options": {
             // style here
             "styles": ["node_modules/@material-zui/angular/assets/scss/material-zui-angular.scss"]
           }
         }
       }
     }
   }

3. Done!! 😁

Icons

• Material icon: https://mui.com/components/material-icons
  • Ex: check, check_box, etc...
• Animation icon: https://icons8.com/preloaders

Libs

• @material-zui/cli: https://www.npmjs.com/package/@material-zui/cli
• @material-zui/core: https://www.npmjs.com/package/@material-zui/core
• @material-zui/node: https://www.npmjs.com/package/@material-zui/node
• @material-zui/angular: https://www.npmjs.com/package/@material-zui/angular