unicorn_components

獨角獸組件

獨角獸平台的Angular UI組件套件。

---

安裝

npm install --save @unicorn.io/components

演示

https://nitsnets.github.io/unicorn_components

用法

導入模塊

 import { UnicornComponentsModule } from '@unicorn.io/components' ;

@ NgModule ( {
  imports : [
    UnicornComponentsModule . forRoot ( )
  ]
} )
export class AppModule { }

開始使用組件

 < uni-button label =" My button " > </ uni-button >

選擇樣式主題（可選）

 @import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all ' 

組件列表

團體	成分	命名	地位	文件	演示
圖表	圖表	<uni-chart>	？	文件	-
“	傳奇	<uni-chart-legend>	？	文件	-
“	工具提示	<uni-chart-tooltip>	？	文件	-
容器	手風琴	<uni-accordion>	✅	文件	演示
“	旁邊	<uni-aside>	✅	文件	演示
“	身體	<uni-body>	✅	文件	演示
“	盒子	<uni-box>	✅	文件	演示
“	標題	<uni-header>	✅	文件	演示
“	佈局	<uni-layout>	✅	文件	演示
“	模態	<uni-modal>	✅	文件	-
“	彈出窗口	<uni-popup>	✅	文件	演示
“	排	<uni-row>	✅	文件	演示
“	行墊片	<uni-row-spacer>	✅	文件	演示
“	選項卡	<uni-tabs>	✅	文件	演示
表格	按鈕切換	<uni-button-toggle>	✅	文件	演示
“	複選框	<uni-checkbox>	✅	文件	演示
“	代碼編輯器	<uni-code-editor>	？	文件	-
“	日期選擇器	<uni-date-picker>	✅	文件	演示
“	日期範圍選擇器	<uni-daterange-picker>	✅	文件	演示
“	日期時間選擇器	<uni-datetime-picker>	✅	文件	演示
“	圖像選擇器	<uni-image-picker>	？	文件	-
“	輸入	<uni-input>	✅	文件	演示
“	收音機	<uni-radio>	✅	文件	演示
“	選擇	<uni-select>	✅	文件	演示
“	滑桿	<uni-slider>	？	文件	演示
“	滑塊範圍	<uni-slider-range>	？	文件	演示
“	時間選擇器	<uni-time-picker>	✅	文件	演示
“	切換	<uni-toggle>	✅	文件	演示
UI	按鈕	<uni-button>	✅	文件	演示
“	按鈕文件	<uni-button-file>	？	文件	演示
“	按鈕組	<uni-button-group>	✅	文件	演示
“	按鈕標頭	<uni-button-header>	✅	文件	演示
“	按鈕菜單	<uni-button-menu>	✅	文件	演示
“	按鈕彈出窗口	<uni-button-popup>	✅	文件	演示
“	日曆	<uni-calendar>	✅	文件	演示
“	輪播	<uni-carousel>	？	文件	-
“	鐘	<uni-clock>	✅	文件	演示
“	datagrid	<uni-datagrid>	？	文件	演示
“	過濾器	<uni-filters>	？	文件	演示
“	過濾器列表	<uni-filters-list>	？	文件	-
“	列表	<uni-list>	？	文件	演示
“	菜單	<uni-menu>	✅	文件	演示
“	戴司機	<uni-paginator>	✅	文件	演示
“	樹	<uni-tree>	⚪	文件	-
UTILS	警報	<uni-alert>	✅	文件	演示
“	徽章	<uni-badge>	✅	文件	演示
“	晶片	<uni-chip>	？	文件	演示
“	臉	<uni-face>	✅	文件	演示
“	圖示	<uni-icon>	✅	文件	-
“	進步	<uni-progress>	✅	文件	演示
“	分離器	<uni-separator>	✅	文件	-
“	旋轉器	<uni-spinner>	✅	文件	演示
“	烤麵包	<uni-toast>	？	文件	-
“	工具提示	<uni-tooltip>	？	文件	-
視圖	過濾的datagrid	<uni-filtered-datagrid>	？	文件	-
“	搜索標題	<uni-search-header>	？	文件	-

傳奇：

⚪即將來臨

？最初的

✅穩定

？不穩定

⚫棄用