Skip to content

ukelli-ui 是基于 React 的 UI 库,在探索新的开发方式。

Notifications You must be signed in to change notification settings

zxmm996/ukelli-ui

 
 

Repository files navigation

ukelli-ui

ukelli-ui 是基于 React 的 UI 库,提供简约和功能齐全的组件,可高度定制的组件接口,灵活的配置,提供给开发者另一种开发思路,也致力于尝试不同的组件使用和开发方向。

Build Status install size

轻量级 React UI 框架,探索另一种开发方式,尝试另一种可能。

Installation / 安装

Via Npm

# yarn
yarn add ukelli-ui

# npm
npm i ukelli-ui

Usage / 使用

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/ 本地预览

相关参考

About

ukelli-ui 是基于 React 的 UI 库,在探索新的开发方式。

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 68.4%
  • CSS 31.2%
  • HTML 0.4%