# zent

**Repository Path**: cpylua/zent

## Basic Information

- **Project Name**: zent
- **Description**: Zent ( \ˈzent\ ) 是有赞 PC 端 WebUI 规范的 React 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 41
- **Forks**: 8
- **Created**: 2017-06-19
- **Last Updated**: 2024-12-28

## Categories & Tags

**Categories**: webui

**Tags**: None

## README

<p>
  <a href="https://github.com/youzan/">
    <img alt="Youzan logo" width="36px" src="https://img.yzcdn.cn/public_files/2017/02/09/e84aa8cbbf7852688c86218c1f3bbf17.png" alt="youzan">
  </a>
</p>
<p align="center">
    <img alt="Zent logo" width="160px" src="https://b.yzcdn.cn/public_files/2e7d4cf2f2ee0cf5f4abe894da2d515d.png">
</p>
<p align="center">
  Zent <small><font color="grey">( &#92;ˈzent&#92; )</font></small>, a collection of essential UI components written with React.
</p>
<p align="center"><a href="./README-zh_CN.md">🇨🇳 访问中文版</a></p>

![CI](https://github.com/youzan/zent/workflows/CI/badge.svg)
[![npm version](https://img.shields.io/npm/v/zent.svg?style=flat)](https://www.npmjs.com/package/zent)
[![bundle size](https://badgen.net/bundlephobia/minzip/zent)](https://bundlephobia.com/result?p=zent)
[![coverage status](https://img.shields.io/coveralls/youzan/zent/master.svg?style=flat)](https://coveralls.io/github/youzan/zent?branch=master)
[![PRs welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](packages/zent/docs/CONTRIBUTING_en-US.md)

Zent ( \ˈzent\ ) is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.

We have more than 50 components for now and we're releasing more.

Our goal is making React development faster and simpler.

### Features

- High quality React components
- Builtin TypeScript support
- Supports custom themes
- Import JavaScript and styles only if they are used
- Handmade icon font

### Supported Environments

- React >= 17
- Modern browsers but not IE
- Supports server-side rendering(SSR)

### Required polyfills

- `es6.object.assign`
- `es6.object.is`
- `es6.string.ends-with`
- `es6.string.starts-with`
- `es6.string.includes`
- `es7.string.trim-left`
- `es7.string.trim-right`
- `es6.array.from`
- `es6.array.of`
- `es6.array.fill`
- `es6.array.find`
- `es6.array.find-index`
- `es7.array.includes`

## Install

```shell
yarn add zent

# or

npm install zent --save
```

## Documentation

[https://youzan.github.io/zent/en/guides/install](https://youzan.github.io/zent/en/guides/install)

## Contribution

Read our [contributing guide](packages/zent/docs/CONTRIBUTING_en-US.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Zent.

Send [issues](https://github.com/youzan/zent/issues) and [pull requests](https://github.com/youzan/zent/pulls) with your ideas.

## License

Project licensed under [MIT](https://en.wikipedia.org/wiki/MIT_License) license, feel free to enjoy and participate in Open Source.