SONO-KAN / react-vant

React mobile UI Components base on Vant

React Vant

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

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

路线图

Roadmap概览

特性

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

安装

快速开始

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

vite集成

参考react-vant-vite

请参阅Quickstart中的更多内容。

浏览器支持

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

贡献代码

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

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

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

手机预览

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