Waft-UI组件库(v0.2)

WaftUI基于Waft框架，遵循Genie Design的设计，提供应用层的组件库方案
推荐使用最新waft-ui版本

效果图

安装

注意: 适配前端框架 0.6.x

npm install waft-ui@0.2.x --save

使用

XML方式引入

{
  "usingComponents": {
    "x-button": "waft-ui/assembly/button/button"
  }
}

API方式调用

import { Toast, ToastOptions } from "waft-ui";
let toastOptions = new ToastOptions();
toastOptions.message = "提示文字";
toastOptions.type = "info";
toastOptions.duration = 5000
toastOptions.position = "middle"
Toast.show(toastOptions);

组件列表

基础组件

基础交互

内容容器

高级布局

表单组件

多媒体组件