/react-vant

React mobile UI Components base on Vant

Primary LanguageTypeScriptMIT LicenseMIT

logo

React Vant

参照 Vant 打造的 React 框架移动端组件库。

npm version

🔥 文档网站（国内）   🌈 文档网站（GitHub）

路线图

Roadmap概览

特性

  • 提供 50 多个高质量组件，覆盖移动端各类场景
  • 性能极佳，组件平均体积不到 1kb（min+gzip）
  • 完善的文档和示例
  • 支持按需引入
  • 支持主题定制(less modifyVars)
  • 支持 TypeScript
  • 支持 SSR

安装

react-vant

快速开始

import ReactDOM from 'react-dom';
import { Button } from 'react-vant';
import 'react-vant/lib/index.css';

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

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

快速集成

在 create-react-app 中使用

参考react-vant-cra

在 umijs 使用

参考react-vant-umi

在 nextjs 使用

参考react-vant-nextjs

请参阅Quickstart中的更多内容。

浏览器支持

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

贡献代码

修改代码请阅读我们的 贡献指南。

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

欢迎加入我们的微信讨论组

手机预览

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