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>	？	文档	-

传奇：

⚪即将来临

？最初的

✅稳定

？不稳定

⚫弃用