Skip to content

Latest commit

 

History

History
88 lines (59 loc) · 2.77 KB

README.zh-CN.md

File metadata and controls

88 lines (59 loc) · 2.77 KB

logo

FNX-UI

轻量、可靠的移动端 React 组件库

npm version downloads Jsdelivr Hits Gzip Size

Website(GitHub)   文档网站(国内)


介绍

FNX UI 是一个基于 React 研发的一款适用于企业级的移动端 UI 组件库。

特性

  • 提供 30 多个高质量组件,未来还会持续新增
  • 性能优秀,组件平均体积不到 1kb (min+gzip)
  • 单元测试覆盖率 90%+,提供稳定性保障
  • 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接
  • 提供国际化解决方案,多语言支持
  • 支持暗黑模式,主题定制

安装

使用 npm 或 yarn 进行安装。

# npm
$ npm i fnx-ui -S

# yarn
$ yarn add fnx-ui

快速上手

import ReactDOM from 'react-dom';
import { Button } from 'fnx-ui';

import 'fnx-ui/dist/fnx.css';

// light mode
import 'fnx-ui/dist/fnx-theme-light.css';

// dark mode
// import 'fnx-ui/dist/fnx-theme-dark.css';

function App() {
  return <Button>Default Button</Button>;
}

ReactDOM.render(<App />, mountNode);

浏览器支持

支持现代浏览器以及 Chrome >= 51、Android >= 5.0、iOS >= 10.0。

贡献代码

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR

手机预览

可以手机扫码以下二维码访问手机端 demo:

开源协议

本项目基于 MIT 协议,请自由地享受和参与开源。