noemin-style v0.0.6

npm包使用方式

1. 本次測試版本為angular v.13，請安裝於版本大於等於 v.13之專案。
2. 本套件和angular Material有相依性，請先安裝angular Materialhttps://v13.material.angular.io/guide/getting-started。 ng add @angular/material
3. 執行安裝套件 npm i ui-component-test
4. 安裝後可引用模組sharedModule

import {sharedModule} from 'ui-component-test';
@NgModule({
  imports: [
    ...
    sharedModule
  ]
 })

5. 在angular.json引用原angular materail樣式indigo-pink.css & 及模組客制樣式custom-theme.scss

 "styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "projects/demo/src/styles.scss",
              ...
              "./node_modules/ui-component-test/shared/src/lib/style/custom-theme/custom-theme.scss"
            ]

6. 引用元件：目前製作好的元件有兩款：

• (1) 圖片上傳
• (2) loading barhttps://olivine-yard-4fe.notion.site/Loading-bar-8ff51418cf1243cea354bb7f8f5fc94a