<!-- https://www.npmjs.com/package/@material-zui/angular -->

# Components

<ol>
  <li>zui-autocomplete</li>
  <li>zui-button</li>
  <li>zui-chart</li>
  <li>zui-checkbox</li>
  <li>zui-chip</li>
  <li>zui-date-time-picker</li>
  <li>zui-dialog</li>
  <li>zui-excel</li>
  <li>zui-input</li>
  <li>zui-loading</li>
  <li>zui-menu</li>
  <li>zui-pdf</li>
  <li>zui-permission</li>
  <li>zui-popover</li>
  <li>zui-print</li>
  <li>zui-radiobox</li>
  <li>zui-select</li>
  <li>zui-sidenav</li>
  <li>zui-table</li>
  <li>zui-tabs</li>
  <li>zui-template</li>
  <li>zui-toast</li>
  <li>zui-translate</li>
  <li>zui-upload</li>

  <li>zui-directive</li>
  <li>zui-pipe</li>
  <li>zui-storage</li>
  <li>zui-utility</li>

  <!-- <li>zui-auth0</li> -->
</ol>

# Setup

1. `npm install @material-zui/angular` or `yarn add @material-zui/angular`
2. Add css style by modify `angular.json`

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

3. Done!! &#128513;

# Icons

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

# Libs

- @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
