A set of high-quality React components out of the box.

English | 简体中文

Features

friendly

UI development process, the first thing to consider is how to make the components more user-friendly, so that users are comfortable with.

Artistic

Continued pursuit of the ultimate in aesthetics while maintaining component performance.

Efficient

During the code design process, we are trading-off to achieve the best balance between component reuse, business usage boundaries, and component usage specifications.

Extensible

Considering the business case differences, the code in the framework are scope-limited and easily overwritten.

Comprehensive

Out of the box, high-quality components that cover most business scenarios.

TypeScript friendly

All components are written in TypeScript. it's type friendly.

Installation

npm package

// npm
npm i @ui-puzzles/rect

// yarn
yarn add @ui-puzzles/rect

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@ui-puzzles/rect';
import '@ui-puzzles/rect/dist/index.css';

function App() {
  return <Button btnType="primary" label="Hello World" />;
}

ReactDOM.render(<App />, document.getElementById('root'));

Documents

Going the docs to learn more.

Browser Support

| IE / Edge | Firefox | Chrome | Safari | Opera | Electron | | --------- | --------------- | --------------- | --------------- | --------------- | --------------- | | Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

License

This project is MIT licensed