Home

Awesome

<p align="center"> <a href="http://zarm.design"> <img width="200" src="https://zarm.design/images/logo.1a6cfc30.svg"> </a> </p> <h1 align="center">Zarm</h1> <div align="center">

test codecov npm package JS gzip size CSS gzip size NPM downloads Netlify Status FOSSA Status Gitter

众安科技基于 React 研发的一款适用于企业级的移动端 UI 组件库。

</div>

Zarm (读音 /zɑːm/,中文可发音为 扎姆)的命名,灵感来源于众安保险秉承的理念:做有温度的保险。Zarm = za + warm,za 代表 “众安”,warm 有 “温暖” 的含义,以重合的 “a” 字母为中心,各取左右两部分。追求极致的用户体验,致力于做有温度的组件库也是 zarm 项目发起的初衷。

预览

<img width="200" src="https://user-images.githubusercontent.com/9812721/116021555-ffa29c80-a67a-11eb-8068-614bd912c894.png" />

https://zarm.design/demo.html#/

兼容性

如需兼容更低端的浏览器版本,需要提供相应的 Polyfill 支持,请参考 这篇文章

安装

npm 或 yarn 安装

# npm
$ npm install zarm --save

# yarn
$ yarn add zarm

使用

import { Button, Cell } from 'zarm';
import 'zarm/dist/zarm.css';

定制主题

可以参考 定制主题文档

国际化

可以参考 国际化文档

社区

问题上报讨论交流微信群
github issuesgithub discussions<img src="https://cdn-health.zhongan.com/zarm/qrcode.jpg" width="80" /> <br />备注 "zarm github" 加好友后邀请进群

如何贡献

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

你可以使用 Gitpod 进行在线开发:

Open in Gitpod

或者克隆到本地开发,请阅读我们的 贡献指南

开源协议

MIT

FOSSA Status