1. 使用規範
  2. 使用方法
  3. API
  4. 延伸情境

使用規範

使用方法

此元件包含了原先兩種material，spinner以及progress用法，可以透過type傳入參數去選擇要使用哪種元件

*重要: 由於元件本身沒有設定寬高，因此在使用元件時需要在style或是class設定寬高樣式

HTML:

<lib-loading-bar [type]="'circle'" [spinnerSize]="50" style="width: 100%; height: 100%;"></lib-loading-bar>

demo:

CPT2301121552-259x285.gif

HTML:

<lib-loading-bar [type]="'line'" style="width: 100%; height: 100%;"></lib-loading-bar>

Demo: