ukelli-ui 是基于 React 的 UI 库,提供简约和功能齐全的组件,可高度定制的组件接口,灵活的配置,提供给开发者另一种开发思路,也致力于尝试不同的组件使用和开发方向。
轻量级 React UI 框架,探索另一种开发方式,尝试另一种可能。
# yarn
yarn add ukelli-ui
# npm
npm i ukelli-ui
import React from 'react';
import ReactDOM from 'react-dom';
import { ShowModal, CloseModal } from 'ukelli-ui/core/modal';
import { Button } from 'ukelli-ui/core/button';
const handleClick = (e) => {
const ModalID = ShowModal({
title: '弹出层',
elem: e,
children: (
<div>内容</div>
)
})
// CloseModal(ModalID)
}
const App = () => (
<Button onClick={handleClick}>
弹出层
</Button>
)
ReactDOM.render(<App />, document.querySelector('#Main'));
基于 docz 编写的文档和示例
git clone https://github.com/ukelli/ukelli-ui
cd ukelli-ui
yarn
yarn docz:dev
打开 http://localhost:3000/ 本地预览