- 社区精选组件
社区精选组件
antd
是 Ant Design 设计规范的 React 实现,所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件,也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现,与 antd 形成互补:
类型 | 推荐组件 |
---|---|
路由 | react-router |
布局 | @rebass/gridreact-blocksreact-flexbox-grid |
拖拽 | react-beautiful-dndreact-dndreact-sortable-hoc |
代码编辑器 | react-codemirror2react-monaco-editor |
富文本编辑器 | react-quillbraft-editor |
JSON 显示器 | react-json-view |
拾色器 | rc-color-pickerreact-color |
响应式 | react-responsivereact-media |
复制到剪贴板 | react-copy-to-clipboard |
页面 meta 属性 | react-helmetreact-document-title |
图标 | react-fareact-icons |
二维码 | qrcode.react |
可视化图表 | BizChartsrechartsvictory |
可视化图编辑器 | GGEditor |
顶部进度条 | nprogress |
应用国际化 | react-intl |
代码高亮 | react-syntax-highlighter |
Markdown 渲染 | react-markdown |
无限滚动 | react-virtualizedantd-table-infinity |
地图 | react-google-mapsgoogle-map-reactreact-amap 高德 |
右键菜单 | react-contextmenureact-contexify |
Emoji | emoji-mart |
分割面板 | react-split-pane |
图片裁切 | react-image-crop |
趋势线 | react-sparklines |
格式化输入 | text-mask |
关键字高亮 | react-highlight-words |
动画 | react-moveAnt Motionreact-spring |